Одна из самых больших проблем, стоящих перед верстальщиками — это несовместимость различных версий Internet Explorer с текущими веб-стандартами. Хотя Internet Explorer 9 частично поддерживает CSS3, еще очень много людей, особенно в корпоративной среде, продолжают использовать IE8 и IE7.
Одно из решений, которое помогает использовать все прелести CSS3 в браузерах Internet Explorer — это PIE (Progressive Internet Explorer)
На данный момент PIE добавляет в IE6-8 полную или частичную поддержку слудующих CSS3-свойств:
- border-radius
- box-shadow
- border-image
- multiple background images
- linear-gradient
Подключить PIE очень легко, для этого нужно вставить в ваш css-файл строку
behavior: url (PIE.htc)
и ваш Internet Explorer 6-8 начнет понимать CSS3.
Пример кода кроссбраузерного скругления углов у блока:
#block_id{
border: 1px solid #000;
padding: 60px 0;
width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #FFF;
behavior: url(/PIE.htc);
}
