Не подключается отдельный файл CSS для IE, помогите решить проблему

Вот сайт - http://websterjoy.tk/ там в области <head> есть код, которым я подключаю отдельный css для ie : <!--[if lte IE 9]> .... <![endif]-->, но файл в IE не работает. НО! если же прописать так: <!--[if IE]> .... <![endif]-->, то все работает! кто знает, в чем причина?

1 ответов


С хабра http://habrahabr.ru/post/62002/

Всем известные Conditional comments в IE



Несмотря на известность, в них есть много редко используемого.

Например таблица стилей, которая будет видна всем браузерам, кроме IE версий 5-8.
<!--[if !IE]--><link href="styles.css" rel="stylesheet" media="all" /><!--[endif]-->
Conditional comments для 6, 7, 8й версии (8я версия тоже их поддерживает — не удивляйтесь):
<!--[if IE 6]><link href="ie6.css" rel="stylesheet" media="all" /><![endif]-->
<!--[if IE 7]><link href="ie7.css" rel="stylesheet" media="all" /><![endif]-->
<!--[if IE 8]><link href="ie8.css" rel="stylesheet" media="all" /><![endif]-->

Об отделении стилей для IE



Сама Microsoft рекомендует использовать conditional comments (официальный блог). Я в своей работе использую conditional comments для всех IE:
<!--[if IE]><link href="ie.css" rel="stylesheet" media="all" /><![endif]-->
А затем дополнительно отделяю хаками * html и *+html стили для IE6 и IE7 соответственно. Оставшиеся стили получаются для всех IE.

Изменение рендеринга IE8



Добавление данной строчки в заголовок web-страницы изменяет тип
рендеринга в зависимости от значения content (это не хак, но всё же вещь
очень похожая по свойствам на хак):
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Основные значения content следующие (взято отсюда):
  • «IE=7» — включает режим Strict в котором рендерятся все страницы;
  • «IE=EmulateIE7» — включает режим совместимости с IE7, в котором в
    зависимости от DOCTYPE будет применяться либо стандартный для IE7 режим
    рендеринга (Strict), либо quirks-режим (Quirks);
  • «IE=EmulateIE8» — страница форсируется в режим «IE8 Standards» вне
    зависимости от того, включен ли режим совместимости «Compatibility View»
    в браузере пользователя, а quirks-страницы отображаются в
    Quirks-режиме.
  • «IE=8» — включается режим максимального соответствия стандартам «IE8 Standards».
В случае нежелания переписывать старые проекты под IE8 — вы можете воспользоваться IE=EmulateIE7