Хорошая новость для веб-разработчиков, которые пытаются «подружить» стандарт 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 гиперсылка обязательна.