太陽的領域: IE 背景消失

2011年6月2日

有時候在使用 IE 內建的 Developer Tools 時，某 Element 的背景會不見；且無論 IE9 和 IE8 都會發生這種情形，若關閉 Developer Tools 背景又回復正常。爬了文發現這是 IE 本身的 Bug，跟 HTML 或 CSS 的寫法無關。

解法：在其父元素設定背景。

我這次遇到的狀況是 <body> 的背景不見，在 <html> 加上背景就回復正常了。

原來的 CSS Code

body{background:#000;}

改寫後的 CSS Code

html{background:#000;} body{background:#000;}

在這個 Case 裡，<body> 的背景會把 <html> 的背景蓋掉，所以 <html> 的顏色隨便設就好。若將來遇到父元素不能有背景，也許可以使用 1x1 px 的背景去解決。不過我還沒時間試就是了。