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……
發佈了34 篇原創文章 · 獲贊 7 · 訪問量 19萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章