Условные комментарии для IE

На протяжении всей своей длинной истории, тянущейся, если не подводит память, с 1995 года, Microsoft Internet Explorer всегда выделялся и продолжает выделяться среди своих конкурентов, но теперь уже отнюдь не с хорошей стороны. В силу сохраняющей актуальность проблематичности верстки под старого "ослика" приведу примеры использования валидных условных спец. конструкций, чаще называемых попросту "комментариями". Они будут выполняться только в экслорере и нигде больше. Примеры касаются версий выше ныне "мертвой" шестерки.

В общем виде любая инструкция будет иметь нижеследующий вид;

<!­­--[if IE]> ... <![endif]-->

Обратите внимание на то, что использовать подобный код нужно в HTML-файлах. Удобнее всего вытащить "особые" стили в отдельный CSS-файл и подгружать таким образом для сами знаете кого. На первый взгляд очень напоминает самые обыкновенный комментарии, не правда ли? Смотрим примерчики для седьмой-восьмой версий:

<!--[if IE 7]> Подключить что-то для IE 7 <![endif]-->
<!--[if IE 8]> Добавить только, если IE 8 <![endif]-->

Более того нерадивым верстальщикам доступны также и такие операторы:

  • ! - отрицание не равно;
  • gt - больше чем;
  • lt - меньше чем;
  • lte - меньше или равно;
  • gte - больше или равно;

Здесь все должно быть ясно, я надеюсь. Напоследок парочка наглядных экзамплов с их использованием:

<!--[if gte IE] 7> Инструкции для IE 7, 8 или 9. Одним словом старше 7.<![endif]-->
<!--[if ! IE] > Скрыть стили от Microsoft.<![endif]-->

Поняли смысл происходящего? Никаких CSS-хаков не проделываем, только правильный код, который успешно проходит тестирование валидатором по стандартам W3C.



http://dtechnics.ru/ замена стекла на 6s iphone ремонт iphone 6 plus замена стекла.

© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.