码迷,mamicode.com
首页 > 其他好文 > 详细

让ie也支持rgba效果

时间:2014-12-03 11:55:57      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:ar   color   os   使用   sp   for   art   bs   ad   

 

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效果

标签:ar   color   os   使用   sp   for   art   bs   ad   

原文地址:http://www.cnblogs.com/k13web/p/4139428.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!