CSS стили не загружаются в IE8 - PullRequest
5 голосов
/ 27 июня 2011

У меня очень странная проблема в том, что в IE8 не загружаются стили CSS (может быть, IE7, но не может проверить). Мой сайт на http://www.leavetrackapp.com/, а мой основной файл CSS выглядит следующим образом:

@import url("reset.css");
@import url("screen.css");
@import url("site.css");
@import url("colorbox.css");

Файл master.css и индивидуальные таблицы стилей доступны, если я непосредственно ввожу адрес в браузере, например. http://www.leavetrackapp.com/stylesheets/master.css возвращает основной файл.

Я думаю, что это проблема с правилами импорта, но я не знаю, что это может быть. Safari и Firefox работают нормально.

Любой совет приветствуется.

Спасибо

Robin

Ответы [ 2 ]

9 голосов
/ 27 июня 2011

@ Guffa поставил меня на правильный путь: проблема в том, что элементы HTML5 не работают в Internet Explorer 8 и ниже.

Modernizr будет исправить это, но: http://www.modernizr.com/docs/#installing

Удалите теги сценария в <head> из ваш HTML. Для лучшей производительности, вы они должны следовать за вами ссылки на таблицы стилей. Причина, по которой мы рекомендуем разместить Modernizr в голова двоякая: HTML5 Шив (что включает элементы HTML5 в IE) выполнить до <body>, и если вы используете любой из классов CSS что Modernizr добавляет, вы хотите предотвратить FOUC.

Итак, вам просто нужно переместить Modernizr из </body> внутрь элемента <head>.

5 голосов
/ 27 июня 2011

Проблема не в том, что таблицы стилей не импортируются, а в том, что вы используете тег HTML5 section, который IE8 и более ранние версии не распознают.

Если вы измените теги section на теги div, они будут работать лучше.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...