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>