PIE

26.11.2011 No Comments yet Posted in: CSS, HTML

PIE — скрипт, позволяющие использовать некоторые свойства CSS3 в устаревших браузерах вплоть до IE6.

Поддерживаемые свойства:

border-radius
box-shadow
border-image
multiple background images
linear-gradient as background image

Поддерживаемые браузеры:

— IE начиная с 6 версии

— Все версии Firefox

— Все версии Google Chrome

— Все версии Safari

— Все версии Opera

Применяется следующим образом:

В стиль вписывается строка

behavior: url(PIE.htc);

Например

.div{
behavior: url(PIE.htc);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

После этого при обработке кода браузер подключает файл PIE.htc и абсолютно нормально интерпретирует не поддерживаемые браузером свойства.

Особых тормозов при использовании скрипта не замечено, хотя некоторые верстальщики ужасно боятся подключаемых фалов.