关于IE 6、7、8中透明度的兼容问题

第一次写博客，写一下今天遇到的问题吧

今天在做页面透明度的时候，用IE7进行测试，发现没有效果，原代码如下

.mask {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.2);display: none;}

这种情况下发现不兼容，改用另一种写法，设定一个background，再设置opacity属性为0.4，发现还是不行，问了老师才知道要加一行实现IE6、7、8的兼容性

更改后代码如下：

.mask {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: #000;opacity: 0.2;filter: alpha(opacity = 20);/* 兼容IE6、7、8 */display: none;}

这样在IE上就能完美兼容了。