趁热打铁

12月31号写的一个专题中涉及到半透明背景的需求，通常在弹窗中比较常见。

本来就打算总结一下怎么用css3实现半透明背景，又能兼容IE版本，但是最近比较忙，总是挤不出时间总结。谁知今天写一个专题又遇到相同的问题，倒不如现在趁热打铁，总结一下好了。

我自己总结的两种方法

第一种：(可参考支付宝首页）

  先用css3设置背景 ：background: rgba(0,0,0,.4);

 这些在支持CSS3的浏览器中没问题，但是在IE低版本下没有效果，所以需要加上

filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000'); 这里前面的66表示透明度的十六进制(66是这么计算的：透明度0.4*255=102（十进制）化为十六进制即为66，后面的000000表示颜色。这样在ie下有效果了

(但是不知道为什么这些样式加在表格上，没什么效果，只有当绝对定位后才有效果？！）

但是在ie9下有问题，需要单独处理

:root  某个类 {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')\9;
}即可