让ie也支持rgba效果

 

RGBa是一种在CSS中声明包含透明效果的颜色的方法，通过RGBa我们可以将一个元素设置为透明，而不会影响其子元素。老版本IE浏览器不支持，我们可以使用IE浏览器CSS渐变滤镜来实现同样的效果。

html {

background: rgba(0,0,0,0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}

 

原理及方法：
DXImageTransform.Microsoft.gradient 滤镜里的startColorstr参数值是#AARRGGBB形式的， 其中的AA是代表不透明度的十六进制，00表示完全透明，FF就是全不透明，化 成十进制的范围就是0~255，剩下的RRGGBB就是颜色的十六进制代 码。例子中 background: rgba(125, 0, 0, 0.5);表示的是50%不透明度的黑色背景。如何把50%的不透明度转换成十六制呢？很简 单，先计算#AA的的十进制x，x/255 = 50/100，解得x=50*255/100，然后再把x换算成十六进制，约等于7F。