css3中的rgba顺手又好用,但是需求要兼容IE8。。。。。。。怒。。所以,还得找出这个写法。诺~~如下:
<style>
.mask{position:fixed;top:0px;background:rgba(0,0,0,0.5);height:100%;width: 100%;}
</style>
/*兼容写法*/
<!--[if lte IE 8]>
<style>
.mask{position:fixed;top:0px; background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
zoom: 1;height:100%;width: 100%;}
</style>
<![endif]-->
这个“#7f000000”是颜色的意思,是由两部分组成的。
第一部是透明度值:#7f 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下:
第二部分是:就是RGB对应的16进制值。
两部分组合好了就成了用在filter里的颜色值了。
这样兼容IE8的rgba就OK了。