Feb 7 2012

Учим Internet Explorer (IE) понимать CSS3

Недавно наткнулся на интересный костыль под названием “Progressive Internet Explorer (PIE)” и на удивление прост в использовании. PIE включает поддержку CSS3 свойств:

  • border-radius
  • box-shadow
  • linear-gradient

Для того что бы начать использовать PIE необходимо проделать 3 не сложных шага:

1. Скачать библиотеку: PIE-1.0beta5 либо последний релиз с официально сайта: http://css3pie.com/. И распаковать файлы на хостинг сайта.

2. В набор CSS правил где встречаются выше перечисленные свойства включить строку, подключающую плагин:

#myAwesomeElement {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(/path/to/PIE.htc)
}

3. Проверить отображение в IE

Автор • HTML & CSS • 2