Поддержка CSS3 для Internet Explorer 6, 7 и 8

IE-CSS3 — скрипт, обеспечивающий поддержку для линейки браузеров Internet Explorer нескольких новых стилей, доступных в CSS3.

Как это работает?

Если вы посмотрите на страницу-исходник с помощью браузера Internet Explorer, то увидите, что некоторые элементы построены с помощью скрипта Vector Markup Language (VML). Это IE-специфический векторный язык. VML поддерживает вещи, которые отсутствуют в реализации CSS для IE, например, такие, как закругленные углы и эффекты размытия.

Как использовать?

Просто добавьте в CSS стили одну строку:

Вопросы и их решение

Как и следовало ожидать Microsoft и здесь нарушили стандарты CSS. Например, когда вызываем behavior: url(...) , то ожидаем, что путь для файла будет такой же, как и для background-image: url(...), но стандарты проигнорированы и запрос на файл будет для корневой директории сайта.

И так, когда вы вызываете behavior: url(ie-css3.htc), то помните, что он будет работать, если расположен в корне сайта.

Возможно у вас будут проблемы с z-index, особенно, если элементы с IE-CSS3 вложенны друг в друга. Вот два решения:

• Установить число z-index элемента IE-CSS3 больше, чем окружающих его элементов.
• Убедиться, что элемент с IE-CSS3 спозиционирован с помощью position: relative или position: absolute

Иногда элемент с IE-CSS3 будет отображаться в несколько ином положении, чем оригинал. Тому может быть несколько причин:

• Вы нарушили верстку, разрушив тэги, вероятно выше элемента с IE-CSS3.
• Не забывайте про IE6 и IE7 ошибки. Попробуйте добавить к стилям zoom: 1 и/или position: relative к элементу с IE-CSS3 и его родителей. Удалите все свойства margin для этого элемента, попробуйте вместо них padding.

Стили и их статус

Стили	Что работает	Что не работает
border-radius	Установить радиус для всех четырех углов бордюры	Установить радиус независимо для каждого угла
box-shadow	размер Blur Offset	Любой цвет отличающийся от #000
text-shadow	размер Blur Offset Цвет	Тень выглядит несколько иначе, чем в FF/Safari/Chrome

Вот и все. Может быть у вас есть свои наработки по совместимости?