半透明background的兼容性

2019独角兽企业重金招聘Python工程师标准>>>

background:rgba(0,0,0,0.4)

rgba对ie8来说，是不兼容的，也就是说上面的样式，在ie8中显示的是100%的黑色；但是在火狐，谷歌等其他浏览器中是显示40% 的黑。

想让IE8也呈现半透明色：

在background:rgba(0,0,0,0.4)属性之后，添加：

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000)，其中，33为IEfilter值，对应rgba透明值。

如果这种办法，看起来比较费劲的话，还有一种简单的方法：

css:background:#000000;opacity:0.3;filter: alpha(opacity=30);给需要透明的div加上这三个属性。

转载于:https://my.oschina.net/yanyaya/blog/713770