ie8的透明度&&透明度的兼容性写法

这个要设置背景颜色

background: #FFFFFF;

透明度的兼容性写法

.opacity30{

-moz-opacity:0.3;

-khtml-opacity: 0.3;

opacity: 0.3;

filter:alpha(opacity=30);

但是要特别注意：设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体不透明度

会变成这样：左边是chorm等浏览器，右边是ie8的效果

那么解决方法如果兼容性的要求是ie9或以上的话可以使用rgba(255, 255, 255, 0.3)这个简单的解决方法，但是在ie8下就会看不到背景

变成这样子

其实就是因为ie8不能解析RGB这个css3的属性，那么就变成没有背景了

当兼容性是要求到ie8的话那么解决方法有两种

最简单的方式就是在类中加上背景色和ie8可以解析的透明度的方法

.opacity40{

background: #FFFFFF;
background-color: rgba(255, 255, 255, 0.4);

filter:alpha(opacity=40);}