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

来源：懂视网责编：小采时间：2020-11-27 20:12:10

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

如何结局关于IE6、7、8中透明度的兼容问题:第一次写博客，写一下今天遇到的问题吧今天在做页面透明度的时候，用IE7进行测试，发现没有效果，原代码如下.mask { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0.2); displa

推荐度：

点击下载本文 文档为doc格式

导读如何结局关于IE6、7、8中透明度的兼容问题:第一次写博客，写一下今天遇到的问题吧今天在做页面透明度的时候，用IE7进行测试，发现没有效果，原代码如下.mask { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0.2); displa

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

今天在做页面透明度的时候，用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上就能完美兼容了。

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

推荐度：

点击下载本文 文档为doc格式

标签：如何透明问题

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐