Double-A - CSS3 PIE или "модерен" IE

Ако все още не сте чували за HTML5 и CSS3, пропускате много. Просто погледнете презентацията и почувствайте цялата им сила и мощ. Благодарение на третия css можете лесно да реализирате такива дизайнерски идеи, които преди това изглеждаха като наказание. Само темата изобщо не е за това, а за тъжната страна на ситуацията: имаме IE, който не поддържа нито CSS3, нито HTML5. В нашата тъга обаче има лъч светлина: CSS3 PIE.

CSS3 PIE или Progressive Internet Explorer е допълнителен (модернизиращ) двигател за IE, разработен от Джейсън Джонстън. Той позволява на IE да разбере някои функции на CSS3, а именно:

граница-радиус
кутия сянка
граница-изображение
множество фонови изображения
линейни градиенти като фон

Как да използвате PIE

Първо трябва да го изтеглите. Например тук. След това добавяме PIE.htc към нашия проект. Сега, за елементи, за които е необходимо да се използва едно от горните свойства, ние предписваме поведение: url(path-to/PIE.htc) . Ето как ще изглежда закръгляването:

Готов! Гледаме и се радваме. Чувствайте се свободни да погледнете в IE

вече известни проблеми

Как се справя PIE?

Всички функции, поддържани от PIE, са свързани с графики. PIE използва VML, за да ги емулира. Създава се VML обект, в който се изчертава необходимия графичен ефект. След това полученият обект се замества на мястото на целевия елемент чрез абсолютно позициониране.