Shares

Хороша новина для веб-розробників, які намагаються «подружити» стандарт CSS3 з такими браузерних «динозаврами» як IE 6, IE7, IE8 і з більш стабільною, але все одно не безпроблемною для CSS3 версії IE9. Нарешті після п’яти бета-версій, розробники випустили першу стабільну версію PIE 1.0 (http://css3pie.com) для розширення сумісності IE з CSS3.

Можливості PIE 1.0

PIE 1.0 дає можливість коректно відображати деякі поширені властивості CSS3:

  • Для IE6-IE8:
  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient як background image
  • Для IE9:
  • border-image
  • linear-gradient

Як працювати з PIE 1.0

Радує, то що робота з PIE 1.0 дуже проста.

  • Викачуємо архів PIE-1.0.0.zip, розпаковуємо його;
  • Заливаємо на сервер в потрібну директорію файл PIE.htc;
  • У потрібному правилі файлу .css прописуємо behavior: url(PIE.htc);

приклад:

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

щоб підключити PIE, потрібно прописати так:

#myElement

{ background: #EEE; padding: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; behavior: url(PIE.htc);}

не забувайте, що потрібно правильно прописувати шлях до файлу, інакше він не буде працювати.

Слід зазначити, що даний спосіб абсолютно безкоштовний і інші властивості CSS3 в активній розробці. Так що чекаємо нових релізів.

Ні вірусу, ні бага, Ентер! 🙂

Підготовлено ТопОбзор. При передруку активна http://www.topobzor.com гиперсылка обов’язкове.

Схоже

Share on Facebook Share
1
Share on TwitterTweet
0
Share on Google Plus Share
Share on Pinterest Share
0
Share on LinkedIn Share
Share on Digg Share
1
Total Shares
comments powered by HyperComments!