ie-css3

Поддержка 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

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


4 комментарий на “Поддержка CSS3 для Internet Explorer 6, 7 и 8

  1. Не работает. За то страница через эксплорер теперь выполняется с ошибкой...

    Thumb up 0 Thumb down 0

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