background-color:rgba兼容性写法
2016/03/12    标签: css   

语法:background-color:color-value;支持浏览器:所有浏览器都支持 background-color 属性。但ie8以下不支持background-color:rgba(200,200,200,0.9)这种颜色;兼容性写法:

.box{
background-color:rgba(0, 0, 0, 0.398438);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');
zoom: 1;
}
:root *{
filter:none;
}


注意点:

1.StartColorStr和EndColorStr的前两位为16进制alpha通道,后面的是hex颜色,不能使用缩写,如cccccc不能缩写为ccc;

2.ie9以上不适用滤镜,否则会造成滤镜和rgba重叠;

3.ie8以下浏览器盒子会自动加上overflow:hidden;

4.zoom:1必须有

示例:background:rgba的DEMO