Вы здесь

Conditional Stylesheets

Управления стилями оформления на основе браузера.

Модуль Conditional Stylesheets позволяет управлять таблицами стилей в .info-файле темы на основе условий, например (синтаксис для Друпала 7):

; Set the conditional stylesheets that are processed by IE.
stylesheets-conditional[lt IE 7][all][] = ie6-and-below.css
stylesheets-conditional[IE 9][all][] = ie9.css
stylesheets-conditional[IE][print][] = ie-print.css

Размещение этих строк в .info-файле приведёт к генерации следующего HTML-кода:

<!--[if lt IE 7]>
  <link type="text/css" rel="stylesheet" media="all" href="ie6-and-below.css" />
<![endif]-->
<!--[if IE 9]>
  <link type="text/css" rel="stylesheet" media="all" href="ie9.css" />
<![endif]-->
<!--[if IE]>
  <link type="text/css" rel="stylesheet" media="print" href="ie-print.css" />
<![endif]-->

MS Internet Explorer использует свою собственную технологию, которая называется Conditional Comments. Пока веб-разработчики хмуро смотрят на технологии, которые не имеют кросс-браузерной поддержки, многие верстальщики сочли Conditional Comments очень полезной. С помощью этой технологии можно получить более чистый CSS-код и исправить стили для Internet Explorer поместив их в Conditional Comments.

Без этого модуля, единственный путь получить поддержку Conditional Comments, это добавить 35 строк своего кода (и чем больше файлов стилей, тем больше строк) в файл template.php, которые бы занимались вызовом и изменением четырёх функций. Кто этого хочет?

Отметьте: все версии IE ограничивают количество .css-файлов, которых не может быть больше 31. Если у вас большее количество .css-файлов, то воспользуйтесь сбором этих файлов в один на странице быстродействия или установите модуль IE CSS Optimizer.

Группа проекта: