您的位置:首页 > Web前端 > CSS

【CSS】解决IE rgba不兼容问题

2014-12-23 11:16 387 查看
opacity、IE的filter:alpha()透明度设置会让子元素继承其透明度,但是在实际工作中,往往更多的是不想要其透明度被继承。

非IE浏览器可以设计背景色用rgba(R,G,B,A),其中R,G,B分别是0-255数字或者用百分比表示,A是0-1的数字,0表示全透明,1表示正常显示。

但是在IE中,rgba不被支持,我们可以用IE的专有方法 -- 滤镜来实现,代码如下:

<strong><span style="font-size:18px;">filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#AARRGGBB,endcolorstr=#AARRGGBB)</span></strong>


其实这个方法主要是IE用来实现渐变的,当时我们可以用这个来实现RGBA的透明度不被继承的效果,把startcolorstr和endcolorstr设置成一样的值就没有渐变的

效果,AA,RR,GG,BB都是00-FF的十六进制数字,00表示全透明,FF表示正常显示。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: