Стили CSS — Как подключить CSS для браузера Internet Explorer различных версий

Автор: Крис Койер
Перевод: Всеволод Козлов

Internet Explorer является огромной проблемой для всех веб-разработчиков, т.к. он нерадиво интерпретирует CSS стили, одинаково и правильно интерпретируемые другими браузерами. Для IE регулярно приходится писать свои стили, нередко используются хаки.

Стили CSS - Как подключить CSS для браузера Internet Explorer различных версий

В этой статье я хочу продемонстрировать Вам, как добавлять CSS стили для различных версий браузера Internet Explorer.

1. Стили только для IE

<![if !IE]>
<link rel="stylesheet" type="text/css" href="NOT-IE.css" />
<![endif]>

2. Только IE 6

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE-6-SPECIFIC.css" />
<![endif]-->

3. Только IE 5

<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="IE-5-SPECIFIC.css" />
<![endif]-->

4. Только IE 5.5

<!--[if IE 5.5000]>
<link rel="stylesheet" type="text/css" href="IE-55-SPECIFIC.css" />
<![endif]-->

5. Все версии IE ниже 6

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="IE-6-OR-LOWER-SPECIFIC.css" />
<![endif]-->

6. Только IE 7

* html #div {
height: 300px;
}

7. Не только IE 7

#div {
_height: 300px;
}

8. Скрываем от IE 6 и более ранних

#div {
height/**/: 300px;
}

9. Скрываем от IE 6 и более ранних (другой способ)

html > body #div {
height: 300px;
}

Оригинал статьи: How To Create an IE-Only Stylesheet

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*