Укрощение IE 6.0 — 9.0 для CSS3

0
6 256 просм.

Хорошая новость для веб-разработчиков, которые пытаются «подружить» стандарт CSS3 с такими браузерными «динозаврами» как IE 6, IE7, IE8  и с более стабильной, но все равно не безпроблемной для CSS3 версии IE9. Наконец-то после пяти бета-версий, разработчики  выпустили первую стабильную версию PIE 1.0 (http://css3pie.com) для расширения совместимости IE с CSS3.

Возможности PIE 1.0

PIE 1.0 дает возможность корректно отображать некоторые распространенные свойства CSS3:

  • Для IE6-IE8:
  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient как background image
  • Для IE9:
  • border-image
  • linear-gradient

 

Как работать с PIE 1.0

Радует, то что работа с PIE 1.0 очень проста.

  • Скачиваем архив PIE-1.0.0.zip, распаковываем его;
  • Заливаем на сервер в нужную директорию файл PIE.htc;
  • В нужном правиле файла .css прописываем behavior: url(PIE.htc);

пример:

#myElement
{ background: #EEE; padding: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }

чтобы подключить PIE, нужно прописать так:

#myElement

{ background: #EEE; padding: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; behavior: url(PIE.htc);}

не забывайте, что нужно правильно прописывать путь к файлу, иначе он не будет работать.

 

Следует отметить, что данный способ совершенно бесплатный и другие свойства CSS3 в активной разработке. Так что ожидаем новых релизов.

Ни вируса, ни бага, Ентер! 🙂

Подготовлено ТопОбзор. При перепечатке активная http://www.topobzor.com гиперсылка обязательна.