爲什麼這個小的HTML/CSS代碼片段在IE中產生預期的結果？

您可以保存下面的代碼並試用。爲什麼這個小的HTML/CSS代碼片段在IE中產生預期的結果？

在火狐，它的全部瀏覽器的灰色，但在IE（IE7是精確的），它不工作。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style text="text/css"> 
.overlay { 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    z-index:1000; 
    background-color:grey; 
} 
</style> 
</head> 
<body style="font-size:62.5%;"> 

<div class="overlay"></div> 

</body> 
</html>

來源

2010-02-07 user198729

IE無法識別CSS顏色名稱grey。嘗試使用十六進制顏色，例如#ccc，它會起作用。或者，使用gray（帶'a'，而不是'e'）也適用。

請注意，這是符合標準的，因爲W3C沒有說任何關於支持gray替代拼寫的內容，並且gray確實是顏色名稱according to the spec for CSS3。

來源

2010-02-07 15:07:12

+1這就是它。從未注意到這一點。打敗我一拳。 – 2010-02-07 15:08:15

嘗試添加以下內容到風格DEFS：

html, body { 
    height: 100%; 
}

在IE，body不擴展默認視口的全高度，你的覆蓋的容器是body，所以...

編輯剛剛嘗試過，而你的工作沒有上述，必須是因爲身體靜態定位。無論如何，約翰Feminella搞清楚了;看到他的答案。

來源

2010-02-07 15:07:44

爲什麼這個小的HTML/CSS代碼片段在IE中產生預期的結果？

回答

相關問題