2011年6月2日

IE 背景消失

有時候在使用 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 的背景去解決。不過我還沒時間試就是了。