CSS背景圖片不在IE中顯示

Question

請幫忙，

IE中沒有顯示背景圖片，但是在safari中一切都很完美。

我已經檢查了W3C CSS驗證和html驗證，一切正常。

什麼問題？

http://www.applezone.com.hk/newrx/

body 
{ 
/*background-color:#eee;*/ 
font-family:Arial, Helvetica, sans-serif; 
margin: 0px 0px 0px 0px; 
background:url(images/bg_line.JPG); 
background-repeat:repeat-x; 
} 

p 
{ 
    font-size:12px; 
    color:#999999; 
    line-height:160%; 
} 

#container 
{ 
    width:1050px; 
    background:url(images/bg.JPG) no-repeat; 

    margin-top:0px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left:150px; 
    padding-top:220px; 

} 

Answer 1

jpg文件有問題。 IE8無法呈現它們。也許你正在使用JPEG2000格式？

如果您嘗試在IE8中加載「http://www.applezone.com.hk/newrx/images/bg.JPG」，您將只會看到一個破碎的圖片圖標。我下載了文件，並從硬盤驅動器打開它，得到了同樣的結果。

嘗試在編輯器中加載圖片，像GIMP或PhotoFiltre並重新保存它們（使用另存爲）

我PhotoFiltre嘗試並使用90％的質量設置，重新保存它。尺寸大幅下降（大約8％的原始質量沒有明顯的損失），IE8現在能夠打開它！

您應該嘗試在網站上儘可能縮小圖像文件，因爲這會極大地影響訪問者體驗。

Answer 2

這將會是幫助知道你使用的是什麼版本的IE。你的代碼在IE7中可以正常工作。反正...

background:url(images/bg_line.JPG); 

試試這個：

background-image:url('images/bg_line.JPG'); 

您使用的是background速記根據標準，它是有效的，但有可能你使用任何版本的IE沒有按」 t支持你使用它的方式。 IE也可能期望文件名被引用，就像我爲你所做的那樣。