Использование PIE на примере border-radius}

Одной из интересных тем для обсуждения верстальщиков является скругление углов.
Как их можно реализовать?

• Вырезать-вставить картинкой
• Воспользоваться свойством CSS3 (border-radius)

Большинство современных браузеров поддерживает данное свойство. FF, Safari, Chrome делают это через свойства с своими особыми префиксами, Opera — без префиксов. А наш любимый IE (IE6-8) вообще никак не реализует данное свойство.

Что делать верстальщикам? Использовать картинки? На помощь приходит PIE....

Что он умеет делать?

• border-radius;
• box-shadow;
• border-image;
• множественные background'ы (-pie-background);
• градиенты (linear-gradient);
• rgba цвета.

Для использования PIE, необходимо добавить PIE.htc в свой проект, указывать элементу CSS правило behavior: url(path-to/PIE.htc).

Css

На сайте автора есть информация по спецификации.