IE8中超高元素设置透明度未生效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的机器上测试也重现。

 

posted on 2012-04-20 11:37  snandy  阅读(1527)  评论(4)  编辑  收藏  举报