首页 > 代码库 > 让ie也支持rgba效果

让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。

 

让ie也支持rgba效果