首页 > web前端 > js教程 > 如何结局关于IE 6、7、8中透明度的兼容问题

如何结局关于IE 6、7、8中透明度的兼容问题

一个新手
发布: 2017-10-11 09:54:47
原创
1441 人浏览过

第一次写博客,写一下今天遇到的问题吧

今天在做页面透明度的时候,用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中透明度的兼容问题的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板