Условные комментарии в IE, отдельная таблица стилей, например, для IE 6
Internet Explorer 6 очень плохо поддерживает большую часть спецификации CSS. В результате чего перед разработчиками возникает немало трудностей в поиске и устранении ошибок, возникающих при использовании IE6. Несмотря на то, что большинство крупных сайтов уже отошло от поддержки IE6, иногда необходимо сверять код и для браузера IE6. Самый лучший вариант для исправления ошибок в IE6 сделать для него отдельную таблицу стилей.
Условные комментарии
Условные комментарии – особенность IE, которая позволяет указать браузеру HTML-код, и определить при каких условиях его следует использовать. Например, с помощью условных комментариев можно задать тегу link
, при каких версиях IE его можно использовать. Браузер IE увидит этот код, для остальных же это будет простой комментарий.
Нужно просто создать таблицу стилей, которая содержит правила предотвращения ошибок в IE6, причем копировать всю таблицу стилей не нужно, достаточно внести в нее только необходимые правила. Этот прием очень удобен, так как позволяет экспериментировать с отдельной таблицей стилей под IE6, не затрагивая основную таблицу.
HTML
<!--[if IE 6]>
<link href="/styleie6.css" rel="stylesheet" type="text/css">
<![endif]-->
Условные комментарии должны располагаться в теге head
и под основной таблицей стилей, иначе правила в основной таблице переопределят правила написанные специально для IE6.
Также внутри квадратных скобок можно указывать:
IE
- любая версия браузера IE
-
IE 6
IE 6
IE 7
IE 7
-
IE 8
IE 8
-
IE 9
IE 9
-
lt
- номер версии браузера меньше указанной;
-
gt
- номер версии больше указанной;
lte
- номер версии меньше или равен указанной;
gte
- номер версии браузера больше или равен указанной.
Примеры
<!--[if lte IE 8]>
Меньше или равно IE 8
<!--[if IE]><![endif]-->
Любая версия IE
<!--[if gt IE 6]><![endif]-->
Все версии выше IE 6
Официальная спецификация для условных комментариев
Комментарии к статье
Haitrieu
Haitrieu
Haitrieu
Haitrieu
Haitrieu