zoukankan      html  css  js  c++  java
  • 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的机器上测试也重现。

     

  • 相关阅读:
    2.13 day 10
    2.12 day9
    Mongo基础知识
    给mongodb设置密码
    前端框架
    SecureCRT的一些设置
    node 服务器框架
    python 知识博客
    数据库记录
    有用的网站
  • 原文地址:https://www.cnblogs.com/snandy/p/2459059.html
Copyright © 2011-2022 走看看