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!