这个要设置背景颜色
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);
background-color: rgba(255, 255, 255, 0.4);
filter:alpha(opacity=40);}