Открыть меню    

Условные комментарии в 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


Официальная спецификация для условных комментариев

Комментарии к статье

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