您的位置:首页 > 前端开发 > 技术笔记

常用css

2015-02-02 17:11:13

透明:

.class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
上面的几个属性分别是:
filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1.
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.

子元素不透明
.class{
    background: rgba(255,255,0,0.8);
}


解决父元素塌陷,在父元素加上此类

.fix:after{content:'';display:table;clear:both;}
.fix{*zoom:1;}


Css控制网页变灰

终极版代码,兼容IE chrome Firefox。。。。。

html{
  filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -o-filter:grayscale(100%);
  -webkit-filter:grayscale(1);
}


more 练手的东东
more 转载
more 最近访客