rgba()兼容的解决办法

rgba()只兼容到ie9及以上

1、ie8解决办法

<style>
.css{backgroung:rgba(0,0,0,07); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
</style>

7F 表示透明度；000000 表示颜色值，不可以缩写
但是 ie9 也能识别filter这个属性，所以这样的结果就是 ie9 会有两个透明背景叠加

2、ie7及以下解决办法
把透明背景做成png24的背景图

---

综上，完美解决办法就是通过ie注释，给ie8及以下，加上一个以透明背景图为背景的样式

<style>
.black{ background: url(images/black.png);}
.css{backgroung:rgba(0,0,0,07);}
</style>

<script type="text/javascript">
<!--[if lte IE 8]>
$(function(){
    $(".mask").addClass("black");
});
<![endif]-->
</script>