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

本文介绍了如何在Internet Explorer中设置元素的透明度,并确保该透明度不会被子元素继承。通过使用IE特有的滤镜属性,可以实现类似RGBA的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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表示正常显示。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值