Modernizr, HTML5 и пустая веб-страница в Internet Explorer

Question

Я создаю свой первый набор веб-страниц, используя тип документа HTML5, элементы (<section>, <header>, <footer> ...) и типы / атрибуты ввода (email, tel, placeholder ...).

Чтобы удовлетворить различные уровни поддержки IE, я решил использовать Modernizr в сочетании со сбросом Эрика Мейера, включая базовые стили сброса HTML5, которые дают новые элементы display:block.

В соответствии с рекомендациями я создал и загрузил пользовательскую версию Modernizr, выбрав несколько свойств CSS3 и только те элементы HTML5, которые мне нужны. Также включены html5shiv v3.4 , html5shiv v3.4 с принтами и медиазапросы .

После включения файла JS в заголовок в соответствии с указаниями, во всех версиях IE получаются полностью пустые страницы.

Если я удаляю его, я вижу свой HTML-код с некоторыми его стиля.

Если я подключусь к устаревшей версии Modernizr (найденной на сайте, который работает в IE9 и использует Modernizr), я получу тот же результат, как если бы у меня не было Modernizr, только некоторые из моих элементов стилизованы, а другие нет. 1022 *

Я полностью упускаю здесь смысл Модернизма? Я думал, что это позволит мне разметить и стилизовать такие элементы, как <nav>, <header> и т. Д.

Answer 1

Я думаю, я мог бы понять это.Я начал удалять функции из modernizr, один за другим, чтобы посмотреть, что может повлиять на рендеринг моего сайта в IE9.Похоже, что дополнительная опция «Добавить CSS-классы» переопределяла один из моих стилей (я использую Bootstrap, так что может быть и так).

В любом случае, просто удалите «Добавить CSS-классыmsgstr "дополнительный или установить префикс к нему.Это исправило все проблемы для меня, и это не работает нормально для всех версий IE.