2013-04-12 219 views
3

在75%的瀏覽器中查看http://joelkidd.co.uk/test時,該網站看起來很好。然而,像往常一樣,任何小於Internet Explorer 9和該網站看起來像一個炸彈已經擊中它。今天早上我坐下來爲它創建一個單獨的樣式表,但我現在正在這樣做,但是我遇到了一個問題(這是我的第一次交叉兼容性工作等)。Internet Explorer 8'background-color'問題

當我在標題元素(和其他div)上設置背景顏色時,它被完全忽略。如果您在任何(大多數)其他瀏覽器中查看網站,您會看到一個大型天鵝絨背景,覆蓋頁面的前20%(大致)。

如果有人能告訴我爲什麼會發生這種情況,我真的很感激。

感謝, 喬爾

回答

3

我覺得你的痛苦。我想我可能會知道你的問題。你需要包含這一點javasctipt代碼:https://code.google.com/p/html5shiv/

因爲你使用的HTML5標籤,例如<header> IE6,7和8不知道他們的意思。通過包括JavaScript代碼的點點它將基本上使HTML5元素看起來更像一個<div>到IE6,7和8

當然,你的其他選擇是所有的HTML5元素的改變<div>例如:<div id="header">代替<header>。 這也意味着更改所有的CSS。

+0

讓我知道,如果這可以幫助你。 – Andrew

+0

非常棒,非常感謝Andrew!我有一種感覺,它可能與我剛剛沒有實驗的HTML5語義有關!很好的答案! – jskidd3

+0

第二個評論感謝你。這種單一的修正使所有的工作都完美地節省了我的工作時間。你是先生,是個傳奇人物。如果有什麼我可以幫助你的,只要讓我知道,你是一個了不起的人! – jskidd3