关于IE 6、7、8中透明度的兼容问题
2017-10-10 22:08
411 查看
第一次写博客,写一下今天遇到的问题吧
今天在做页面透明度的时候,用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的兼容性
更改后代码如下:
今天在做页面透明度的时候,用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上就能完美兼容了。
相关文章推荐
- 关于div高度自适应问题,兼容IE和火狐
- 兼容firfox和IE透明度 CSS问题
- ie7下透明度兼容问题
- 兼容firfox和IE透明度 CSS问题
- 关于优化在兼容IE低版本的问题
- 关于ckeditor在IE下出现不兼容的问题
- 关于IE、火狐等浏览器兼容问题的总结
- 关于IE兼容的问题
- div+css笔记,关于IE与fox好多不兼容的问题
- 关于移除节点的IE和Firefox的兼容问题
- 关于IE不兼容几张图片的问题
- 关于透明度不兼容问题
- 关于IE6.7.8.FF兼容的问题
- 关于IE6.7.8.FF兼容的问题
- rgba alpha 透明度在ie下的兼容问题
- 关于IE、火狐等浏览器兼容问题的总结
- Js 关于console 在IE 下的兼容问题
- 关于IE透明度失效的问题
- 关于img的onload事件兼容ie下的bug问题
- 关于IE6.7.8.FF兼容的问题