首页 > 代码库 > IE兼容性视图,新增元素导致白页面

IE兼容性视图,新增元素导致白页面

环境:

    浏览器:IE8/9浏览器【兼容性视图】
    doctype:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

现象:

    向body标签中新增子元素时,出现白页面(body及子元素大小全为0),然后,通过改变窗口大小、改变body及子元素的属性、鼠标进入事件(有时有效)可使页面恢复正常。

方案:

    通过观察百度首页,发现其html、body标签只设置了“height”样式为“100%”。
    模仿上述方法,去除了body标签的wight样式,便解决了问题。但是,依然不懂问题引发的根本原因,或许是IE浏览器的缺陷,或许是未正确使用DOCTYPE……

IE兼容性视图,新增元素导致白页面