IE8中超高元素设立透明度未生效bug _Web前端

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的机器上测试也重现。