时间:2021-07-01 10:21:17 帮助过:8人阅读
今天在做页面透明度的时候,用IE7进行测试,发现没有效果,原代码如下
.mask { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.2); display: none; }
这种情况下发现不兼容,改用另一种写法,设定一个background,再设置opacity属性为0.4,发现还是不行,问了老师才知道要加一行实现IE6、7、8的兼容性
更改后代码如下:
.mask { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: #000; opacity: 0.2; filter: alpha(opacity = 20);/* 兼容IE6、7、8 */ display: none; }
这样在IE上就能完美兼容了。
以上就是如何结局关于IE 6、7、8中透明度的兼容问题的详细内容,更多请关注Gxl网其它相关文章!