IE瀏覽器無法顯示html背景圖像（顏色沒問題）

所以Chrome和FF都可以，只是IE9無法顯示html背景 - 它顯示了它的顏色，但沒有圖像。我如何才能讓它工作起來？IE瀏覽器無法顯示html背景圖像（顏色沒問題）

測試它：here

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style type="text/css"> 
html { 
    width:100%; 
    height:100%; 
    background-color: #ffeacd; 
    background-image: url(bg.png); 
    background-position: 0px 0px; 
    background-repeat: repeat-x; 
    margin: 0px; 
    padding: 0px; 
} 
body { 
    background-position: center top; 
    width:100%; 
    height:100%; 
    margin: 0px; 
    padding: 0px; 
    background-image: url(bg_overlay.png); 
    background-repeat: no-repeat; 
} 
.content { 
    width:1020px; 
    height: 100%; 
    padding: 0px; 
    margin-top: 0px; 
    margin-right: auto; 
    margin-bottom: 0px; 
    margin-left: auto; 
} 
</style> 
</head> 
<body> 
<div class="content"></div> 
</body> 
</html>

來源

2012-05-07 Szymon Toda

在IE9和IE8中測試 - 圖像在那裏。然而，它是巨大的，你必須等待下載。你必須重新保存在網頁 –

的優化版本中，似乎如果我禁用身體的背景圖像，它會顯示HTML的背景圖像，這是我迄今爲止收集的。 .. – Rodik

如果這有幫助，這個人在上一個問題找到了解決方法，通過更改文檔類型。我不能自己測試它，但你應該嘗試一下：http://alba.apache.org/http://www.stackoverflow.com/a/6834087/874533 – Rodik

似乎IE是不允許html元素上的背景圖像標記。嘗試做這樣的事情。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<style type="text/css"> 
body { 
width:100%; 
height:100%; 
background-color: #ffeacd; 
background-image: url(header-ad.png); 
background-position: 0px 0px; 
background-repeat: repeat-x; 
margin: 0px; 
padding: 0px; 
} 
#wrapper { 
background-position: center top; 
width:100%; 
height:100%; 
margin: 0px; 
padding: 0px; 
background-image: url(hdr_GSA_lp.jpg); 
background-repeat: no-repeat; 
} 
.content { 
width:1020px; 
height: 100%; 
padding: 0px; 
margin-top: 0px; 
margin-right: auto; 
margin-bottom: 0px; 
margin-left: auto; 
} 
</style> 
</head> 
<body> 
<div id="wrapper"> 
<div id="content"> 

</div> 
</div> 
</body>

來源

2012-05-07 12:59:52 Steve

Yaay它的工作原理，將它保存;） –

IE瀏覽器無法顯示html背景圖像（顏色沒問題）

回答

相關問題