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

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

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

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

После включения JS-файла в шапку по инструкции получается совершенно пустые страницы во всех версиях IE.

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

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

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


html internet-explorer modernizr
person Steph    schedule 21.03.2012    source источник
comment
возможно, сначала загружается JavaScript - попробуйте включить JavaScript перед конечным тегом body, если это не сработает, проверьте, есть ли у вас часть document.ready внутри вашего JS-файла, и проверьте его в консоли из браузера.   -  person Jules    schedule 21.03.2012
comment
документ.готовая часть? В данный момент я не использую jQuery. Кроме того, modernizr.com/docs рекомендует добавить его в голову по нескольким причинам.   -  person Steph    schedule 21.03.2012
comment
вы правы, извините, я путаю это с jQuery   -  person Jules    schedule 21.03.2012
comment
Добавление разрабатываемой версии 2.5.3 на modernizr.com/downloads/modernizr.js получает большую часть рендеринга и стиля страницы правильно.   -  person Steph    schedule 21.03.2012
comment
только ie9 поддерживает HTML5. Я не уверен, что это сработает: msdn.microsoft.com/en-us/library/ie/hh869300%28v=vs.85%29.aspx надеюсь, что это работает   -  person Jules    schedule 21.03.2012
comment
+1 по этому вопросу, возникает та же проблема. Работает в IE8/7, Chrome и всех других браузерах, кроме IE9.   -  person J_A_X    schedule 12.09.2012

Ответы (1)


arrow_upward
1
arrow_downward

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

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

person J_A_X    schedule 12.09.2012