Modernizr，HTML5和Internet Explorer中的空白網頁

我使用HTML5文檔類型，元素（<section>, <header>, <footer> ...）和輸入類型/屬性（email, tel, placeholder ...）構建了我的第一組網頁。Modernizr，HTML5和Internet Explorer中的空白網頁

爲了滿足IE的各種支持水平，我決定結合Modernizr與Eric Meyer的重置，包括基本的HTML5重置樣式，給出新元素display:block。

按照我的建議，我生成並下載了Modernizr的自定義版本，選擇了一些CSS3屬性以及我需要的HTML5元素。還包括html5shiv v3.4,html5shiv v3.4 w/printshiv和媒體查詢。

按照指示將JS文件包含在頭部之後，結果在所有版本的IE中都是完全空白的頁面。

如果我刪除它，我看到我的HTML與一些它的樣式正確。

如果我鏈接到Modernizr的舊版本（在IE9中使用並使用Modernizr的網站上找到），我得到的結果與我沒有Modernizr包含在內的結果相同，只是我的一些元素樣式化，而其他元素沒有。

我在這裏完全忽略了Modernizr的重點嗎？我認爲它可以讓我標記和樣式的元素，如<nav>,<header>等

2012-03-21 Steph

也許JavaScript正在加載 - 如果這不起作用，請嘗試在結束標記之前加入JavaScript檢查您的JS文件中是否有document.ready部分在瀏覽器的控制檯中檢查它 – Jules 2012-03-21 15:06:30

document .ready部分？我目前沒有使用jQuery。此外，http://www.modernizr.com/docs/建議將其添加到頭部有多種原因。 – Steph 2012-03-21 15:12:44

your're對不起，我與jQuery混淆了 – Jules 2012-03-21 15:19:48

我想我可能會想通了。我開始從modernizr中逐一刪除功能，看看可能會在IE9中影響我的網站渲染。看起來，「添加CSS類」額外選項覆蓋了我的一種樣式（我使用Bootstrap，所以它也可以是這樣）。

無論哪種方式，只需刪除「添加CSS類」額外或設置一個前綴。這爲我解決了所有問題，並且它不適用於所有版本的IE。

2012-09-12 16:34:39

回答