17 марта 2013 г.

Подключение CSS стилей для разных браузеров



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

Это конструкция, которая позволяет точно указать, для какого браузера предусмотрено CSS правило. 

Часто бывает так, что не все браузеры одинаково воспринимают файлы стилей CSS. В основном, проблемы возникают со старыми версиями Internet Explorer (7 версия и ниже), но также бывает и в 8 и 9 версии.

За версию браузера, к которой будет подключен файл стилей, отвечает вот эта строка:
Условные комментарии IE

<head>
<!--[if lte IE 7]>
<link href="css/ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
</head>

Здесь lte означает LESS THEN or EQUAL (т.е. - меньше или равно).
Так же вместо lte можно поставить:
lt - строго меньше
gt - строго больше
gte - больше или равно

<!--[if IE 7]> - конкретно для IE 7


Для Internet Explorer используют Conditional Comments (условные комментарии).

Для внедрения же стилей только для браузера Opera существует малоизвестный тип
type='opera/css' тега <link>. Подключается примерно так:

<head>
<link rel="stylesheet" href="css/opera.css" type="opera/css" media="screen" />
</head>

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

Отправить комментарий

Оставить отзыв