背景圖片沒有顯示在IE8上

我已經讀過其他問題，但無濟於事 - 我真的不能解決這個問題。背景圖片沒有顯示在IE8上

該網站（被重新設計，所以是不相關了。它使用HTML5元素，但他們並沒有宣佈爲塊，並且IE不假定他們應。）

梯度頁腳在非IE瀏覽器中看起來很棒，但是無法在IE 7,8和IE9 dev預覽中顯示。

任何想法？

我在FF3.5中沒有看到任何漸變？ – 2010-03-23 20:03:46

您可以嘗試將此添加到您的頁腳CSS（除了您現有的頁腳樣式）。

footer 
{  
    display:block; 
}

這個固定爲我下FF3.6，和我假設將修復它在IE瀏覽器，以及 - 爲<footer>默認的顯示風格是inline不玩背景，無論瀏覽器不錯。對它應用塊會更像一個div。

您還需要注意您對HTML 5的使用。不確定它在所有瀏覽器中的支持程度如何。你可能想通過ID在CSS考慮<div id="footer"></div>和應用樣式到它，而不是..

2010-03-23 20:09:15

wtf是否有投票權？大聲笑。這個答案有效，並且是有效的。哦，能夠看到誰做了大聲笑.. – 2010-03-23 20:34:04

我想這是因爲它不回答它的IE瀏覽器，只是Fx。 – 2010-03-23 21:25:15

啊，除了它！謝謝！ – 2010-03-23 21:28:28

這工作：

#footer_text { 
    background: url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000) repeat-x scroll top left; 
}

我會小心應用任何樣式現在就喜歡HTML5元素軀。他們沒有得到所有瀏覽器的支持。

不過，您可以將它們用於語義原因。

2010-03-23 20:20:24 Armstrongest

我正在使用墊片在IE 9中啓用它們，並且設置顯示塊似乎已經修復了它。 – 2010-03-23 21:29:12

如果我看看使用IE 8的開發者工具欄頁腳，我得到這個作爲background-image定義：

url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000); TEXT-ALIGN: center

通知部分的權利。我不確定它來自哪裏 - 它不在樣式表中。也許這張紙是以某種方式亂碼的。如果我刪除了文本對齊部分，頁腳圖像顯示正常。您的body定義也一樣。

2010-03-23 20:45:13

我也想知道 - 似乎有點不可思議。 – 2010-03-23 21:23:56

@絕對確實。你嘗試過KP的建議嗎？他聲稱已經爲他修好了。另外，你可以嘗試刪除URL上的引號，只是爲了笑？我感覺它可能是URL內的＆符號和問號。 – 2010-03-23 21:25:30

我有類似的問題，但最終找到解決方案。

更改格式圖片爲PNG。

並在IE8中正常工作。

2011-11-05 20:21:52

嘗試在Photoshop或類似的文件中打開文件，並做一個乾淨的網絡保存爲PNG。

2011-12-01 18:07:49 noinput

改變了圖像格式，但沒有爲我工作 – NiranjanBhat 2013-12-26 13:27:16

回答