WEB-нотатки - записник он-лайн

Умовні коментарі в CSS для IE.
Умовні коментарі працюють тільки в Explorer під Windows, і вони відмінно підходять для написання спеціальних інструкцій адресованих Explorer під Windows. Ці інструкції підтримуються починаючи з версії Internet Explorer 5 і вище і навіть існує можливість давати різні інструкції різними версіями Explorer 5.0, 5.5, 6.0.

Умовні коментарі виглядають так:

Code
<!--[if IE 6]>Спеціальні інструкції для IE 6 тут. <![endif]-->

Їх основна структура така ж як і в HTML коментарях

Code
(<!-- -->)
. Тому інші браузери будуть вважати умовні коментарі простими коментарями і будуть їх повністю ігнорувати.
IE, проте, був запрограмований розпізнавати спеціальний синтаксис
Code
<!--[ if IE]>
, вираховувати умови if і парсити вміст умовного коментаря так, якби це був зміст нормальної сторінки.
Оскільки умовні коментарі використовують синтаксис HTML коментарів, то вони можуть бути включені тільки в HTML сторінку і не можуть бути включені в CSS файл. Я віддаю перевагу вставляти спеціальні стилі в CSS файл, але в даному випадку це неможливо. Ви можете вставити тег в умовний коментар і підключити файл з описом CSS стилів.

Приклад:

Нижче я додав багато умовних коментарів, які виводять різні повідомлення залежно від версії Internet Explorer.

Тест

Нижче написані кілька умовних коментарів, які показують версію Internet Explorer, яку ви використовуєте. Якщо ви не бачите нижче ніяких повідомлень, значить ви не використовуєте Internet Explorer.





Код

Синтаксис, який використовувався:

Code
<!--[if IE]> 
  Це - Internet Explorer
<![endif]--> 
<!--[if IE 5]>
  Це - Internet Explorer 5
<![endif]--> 
<!--[if IE 5.0]>
  Це - Internet Explorer 5.0
<![endif]--> 
<!--[if IE 5.5]>
  Це - Internet Explorer 5.5
<![endif]--> 
<!--[if IE 6]>
  Це - Internet Explorer 6
<![endif]--> 
<!--[if IE 7]>
  Це - Internet Explorer 7
<![endif]--> 
<!--[if gte IE 5]>
  Це - Internet Explorer 5 і вище
<![endif]--> 
<!--[if lt IE 6]>
  Це - Internet Explorer менше чим 6 версія
<![endif]--> 
<!--[if lte IE 5.5]>
  Це - Internet Explorer менше або рівний 5.5
<![endif]--> 
<!--[if gt IE 6]>
  Це - Internet Explorer більше чим 6
<![endif]--> 

Зауваження по синтаксису:
gt: більше ніж
lte: менше або еквівалентно

Категорія: CSS · Додав: mr_smith (24.05.2010)
Переглядів: 1107 · Рейтинг: 4.3/6
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]

Пошук

Категорії

 
© pya.at.ua 2009 - 2025
Хостинг від uCoz