cjКлик.ru | Компьютеры, интернет и не только…

Ноя/09

10

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

Условные комментарии – это запатентованное, и следовательно, нестандартное расширение обычных комментариев (X)HTML, разработанноекомпанией Мicrоsоft. Этот условный комментарий позволяет применить заданный фрагмент кода в зависимости от какого-либо условия, например от версии браузера. Несмотря на несоответствие стандартам, браузеры других типов успешно обрабатывают условные коммента­рии, считая их обычными комментариями, благодаря чему для других браузеров услов­ные комментарии безвредны. Впервые условные комментарии были введены в для IE 5. С тех пор они поддерживаются всеми последующими версиями браузеров.
Чтобы применить таблицу стилей ie.css во всех версиях IE, начиная с IE 5 и выше, нужно разместить в элементе <h e a d> документа (X )HTML приведенный ниже код.

<!-- [if IE ]
<style type="text/css">
@import ("ie.css") ;
</style>
-->

в браузерах IE 5 и выше будет применена таблица стилей ie.css, а во всех других браузерах приведенный выше текст будет считаться обычным комментарием. С помощью условных комментариев таблицу стилей можно применить к браузеру конкретной версии, например к IE 6.0.

<!-- [ if IE 6 ]
<style type="text/css">
@import("ie60.css") ;
</style>
-->;

Можно также задать пр именение таблицы стилей к браузерам IE 6 и выше.

<!-- [if gte IE 6]
&lt;style type="text/css">
@import ("ie55up.css") ;
</style>
-->;

Следующий условный комментарий задает применение таблицы стилей к браузерам
IE 6 и IE 7:

<!-- [ if lt IE 8]
<style type="text/css">
@import ("ie.css") ;
</style>
-->;

lt: меньше чем
gte: больше или эквивалентно
Т.к. в IE 8 убрали некоторые баги более старых версий, то нужно быть внимательными и использовать [if lte IE 8] вместо [if IE] там где IE8 хорошо работает.

Рассмотренный метод работает безукоризненно, и запомнить его несложно. Главный его недостаток состоит в том, что условные комментарии должны находиться в коде HTML, а не CSS . Но Вы можите включить тег <link> в условный комментарий, для обхода этого недостатка.

Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong


Смотртие так же
  • Оформление ссылок с помощью css
  • Оформление текста
  • Новая операционная система Mac OS X20
  • Получение и обработка данных пользователя через формы HTML.
  • Интеграция Skype в Facebook
  • Фон с помощью CSS background
  • Получение данных от mysql с помощью php
  • RSS Feed

    Комментариев нет.

    Leave a comment!

    « Трюки css и фильтры

    Шрифты в css »

    WordPress

    Theme Design by devolux.org