随笔分类 -  css类

流体布局
摘要:Header 定宽200 比例3 比例1 Footer 阅读全文

posted @ 2015-01-22 18:43 rainbow661314 阅读(109) 评论(0) 推荐(0)

Microsoft.AlphaImageLoader是IE滤镜
摘要:Microsoft.AlphaImageLoader是IE滤镜的一种,其主要作用就是对图片进行透明处理。虽然FireFox和IE7以上的IE浏览器已经支持透明的PNG图片,但是就IE5-IE6而言还是有一定的意义。语法:filter : progid:DXImageTransform.Microso... 阅读全文

posted @ 2014-08-27 17:00 rainbow661314 阅读(197) 评论(0) 推荐(0)

IE 6 ~ 9 CSS Hack 写法总结
摘要:IE 6 ~ 9 CSS Hack 写法总结24th 四, 14lip2up[code lang="css"]_color: red; /* ie6 */*color: red; /* ie6/7 */+color: red; /* ie6/7 */color: red\0; /* ie8/... 阅读全文

posted @ 2014-04-24 09:07 rainbow661314

浮层
摘要:.black_layer{ width:100%; height:100%; background:#000; position:absolute; z-index:99; top:0; left:0px; opacity:0.5;-khtml-opacity:0.5;-moz-opacity: 0.5; filter: progid: DXImageTransform.Microsoft.Alpha( opacity=50 ); /* IE6, IE7, and IE8 */ -ms-filter : "progid:DXImageTransform.Microsoft.Alpha 阅读全文

posted @ 2014-02-11 15:41 rainbow661314 阅读(236) 评论(0) 推荐(0)

使用CSS将图片转换成黑白(灰色、置灰)z转
摘要:小tip: 使用CSS将图片转换成黑白(灰色、置灰) by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=2547 //zxx: 最近很积极地折腾手机页面的些东西,加上其他一 阅读全文

posted @ 2013-12-18 19:28 rainbow661314 阅读(11537) 评论(0) 推荐(0)

ie6 css sprites重复加载问题
摘要:_html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}或者 阅读全文

posted @ 2013-08-22 14:29 rainbow661314 阅读(126) 评论(0) 推荐(0)

CSS中的行为——expression
摘要:CSS中的行为——expression最近对CSS中的行为比较感兴趣,虽然是不符合标准的也只有ie才能识别,但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子,因为都被转烂了,没法注明出处。IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员 阅读全文

posted @ 2013-07-24 09:59 rainbow661314 阅读(170) 评论(0) 推荐(0)

css中IE6fix问题
摘要:.g-popup-mask, .g-popup-box { position:fixed; top:0; left:0; z-index:10000; _position:absolute; _top:expression(documentElement.scrollTop + "px");body { _height:100%; _background:url(about:blank) fixed; }*{ padding:0px; margin:0px;}*html{background-image:url(about:blank);background-attachm 阅读全文

posted @ 2013-07-23 16:49 rainbow661314 阅读(252) 评论(0) 推荐(0)

filter:Alpha总结
摘要:filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)Opacity:透明度级别,范围是0-100,0代表完全透明,100代表完全不透明。FinishOpacity:设置渐变的透明效果时,用来指定结束时的透明度,范围也是0 到 100。Style:设置渐变透明的样式,值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。StartX和StartY:代表渐变透明效果的开始X和Y坐标。FinishX和FinishY:代表渐变透明效果结束X和Y 的坐标。用法:filt 阅读全文

posted @ 2013-06-27 15:42 rainbow661314 阅读(418) 评论(0) 推荐(0)