Разработка сайтов для СРО

О прогрессивном Internet Explorer CSS3 PIE

CSS3 приносит с собой невероятные возможности моделирования. Закругленные углы, мягкие тени, градиентные заливки, и.т. д.

Прогрессивный Internet Explorer

Прогрессивный Internet Explorer

 

Эти элементы любят использовать дизайнеры, поскольку они делают сайт привлекательным, но они, включая сложные изображения, отнимают много времени и трудны в применении, не имеют семантической разметки, а библиотеки JavaScript очень большие и.т.д.

CSS3 обещает покончить со всем этим!

Но, как мы все знаем, в связи с отсутствием в Internet Explorer поддержки этих возможностей, приходится воздерживаться от их использования, и делать все старым утомительным методом.

Или нет?

PIE  выступает за прогрессивный Internet Explorer. Он, позволяет IE распознавать и отображать ряд свойств CSS3.

Рассмотрим, следующий CSS:

#myElement {
background: #EEE;
padding: 2em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}

Он позволяет делать красиво закругленные углы в любом из современных браузеров, за исключением, IE 6, 7 или 8.

Однако, добавьте следующие правило CSS:

#myElement {
...
behavior: url(PIE.htc);
}

Теперь точно такие же закругленные углы появляются в IE! Вот и все, что нужно сделать.

PIE в настоящее время добавляет полную или частичную поддержку IE 6 по 8 для следующих функций CSS3:

  • border-radius;
  • box-shadow;
  • border-image;
  • Несколько фоновых изображений (background images);
  • Линейный градиент (linear-gradient), как фоновое изображение.

Кроме того, в PIE добавлена поддержка границы изображения и линейного градиента для IE 9, который уже поддерживает другие функции изначально.

Другие функции в стадии активной разработки.

PIE еще молодой проект с большими планами.

Счастливый кодирования CSS3!