`
zhouyrt
  • 浏览: 1127691 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE8中超高元素设置透明度未生效bug

    博客分类：
  • BUG
 
阅读更多

这是liaoxiang在sohu博首发现的（junhai的机器也重现了），精简后重现代码如下

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
	</head>
	<body>
		<div style="height:4100px;background: gray;filter:alpha(opacity=30)">
			
			<p>TEST</p>
			<p>TEST</p>
			<p>TEST</p>
			<p>TEST</p>
			<p>TEST</p>
			
		</div>
	</body>
</html>

 

以上div设了高度4100px及透明度。在IE8中全灰，透明度没有起作用。IE9问题，IEtester中的ie6,7也没有问题。

 

依次修改高度为4090，IE8中透明才生效。因此大概的临界点就是4090。

 

hailiang说可能是在低配置的机器中重现率较高，IE8对超高div的渲染存在bug。

 

 

注：在IETester及heliang的机器上测试也重现。

 

 

 

 

分享到：
| querySelector和getElementById通过id获取 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics