CSS3 для IE - градиенты и скругления -из песочницы Хабра

[vitos73]

 Наверняка многие верстальщики сталкивались с такими элементами дизайна, где можно было бы применить свойства CSS3, а именно закругленные углы, тени и градиентные заливки. Но ввиду того что всеми не любимый IE нагло отказывается воспринимать CSS3, многим приходилось отказываться от использования CSS3.

На помощь пришел Jason Johnston со своей разработкой CSS3 Pie(Progressive Internet Explorer). Эта библиотека заставляет IE понимать некоторые жизненно важные CSS3 свойства, это решение избавит вас от использования громадных Javascript библиотек, всевозможных длинных и непонятных фильтров, отдельных решений для каждого свойства и тд.

Все что необходимо сделать для того что б IE понимал CSS3, это подключить в стилях скачанную библиотеку.

К примеру используя следующий код:
#myElement {
background: #EEE;
padding: 2em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
Любой современный браузер покажет вам блок с аккуратно закругленными углами. Любой браузер, конечно же кроме IE6,7 и 8, которые покажут вам убогий блок с квадратными углами.

Но, стоит нам добавить единственное свойство:
#myElement {
...
behavior: url(PIE.htc);
}
И… О, чудо! Все убогие блоки с квадратными углами превращаются - в милые блоки с аккуратно закругленными углами.

PIE в настоящее время полностью или частично поддерживает следующие CSS свойства:

• border-radius
• box-shadow
• border-image
• несколько background
• линейный градиент как фон

Создатель же, говорит что активно ведутся разработки для поддержки других CSS свойств.

На сайте этой разработки представлено демо в виде конструктора стилей с свойствами тени, градиента, и округления углов.
css3, internet explorer, box-shadow, border-radius

Авторы некто Романов-Кошкин-Захарьин-Голштейн-Готторпский, оригинал тут.