【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的专有方法 -- 滤镜来实现,代码如下:
其实这个方法主要是IE用来实现渐变的,当时我们可以用这个来实现RGBA的透明度不被继承的效果,把startcolorstr和endcolorstr设置成一样的值就没有渐变的
效果,AA,RR,GG,BB都是00-FF的十六进制数字,00表示全透明,FF表示正常显示。
非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表示正常显示。
相关文章推荐
- CSS中div垂直居中(包含解决IE兼容问题)
- (转)IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- css解决ie和firefox的兼容问题
- DIV+CSS布局在IE和firefox中常见不兼容问题及解决方法
- css解决IE、Firefox兼容的div高度100%的问题
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- [转]解决IE/Mozilla/Webkit/Opera兼容问题的葵花宝典:CSS Bug Table
- IE6/Firefox CSS兼容问题 - 解决IE5/IE5.5/IE6/Firefox的CSS兼容性问题
- DIV+CSS 中解决IE和火狐兼容问题的整理
- 【浏览器兼容性】css解决IE、Firefox兼容的div高度100%的问题
- important的妙用解决firefox和ie的css兼容问题
- 解决CSS各种IE各种兼容问题(Google解决方案)
- important的妙用解决firefox和ie的css兼容问题
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法 -
- IE与FF不兼容网页布局CSS问题解决方案()
- CSS解决多浏览器兼容问题
- IE与Firefox的CSS兼容问题整理
- [导入]解决JS页面跳转ie,firefox,opera不兼容问题
- IE与firefox的css兼容问题
- 兼容Ie firefox,解决文字溢出的问题