今天在做页面透明度的时候,用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上就能完美兼容了。
Copyright © 2019- gamedaodao.com 版权所有 湘ICP备2022005869号-6
违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务