Напевно для всіх не буде секретом, що InternetExplorer не підтримує CSS3. і це дуже хре.ово для веб-майстрів.
Зараз для того, щоб працювали функції CSS3 в IE 6-8, веб-майстри використовують різні фільтри, але це сильно геморойні спосіб, і отримуємо багато зайвого коду у файлі style.css.
Я пропоную набагато простіший спосіб використовувати, замість фільтрів, для того, щоб Internet Explorer підтримував CSS3 нам потрібно просто підключити один файл в style.css. і наш Internet Explorer вивчить CSS3, а тепер докладніше.
PIE (Progressive Internet Explorer) - за цим посиланням вам потрібно буде завантажити файл (PIE.htc), його і потрібно буде підключити до нашого файлу style.css щоб Internet Explorer став розуміти CSS3.
Щоб підключити файл, потрібно його перемістити в кореневу папку сайту, і прописати код в потрібному місці в файлі style.css. behavior: url (PIE.htc.)
приклад:
border: 1px solid # 696; padding: 60px 0; text-align: center; width: 200px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: # 666 0px 2px 3px; -moz-box-shadow: # 666 0px 2px 3px; box-shadow: # 666 0px 2px 3px; background: # EEFF99; background: -webkit-gradient (linear, 0 0, 0 bottom, from (# EEFF99), to (# 66EE33)); background: -moz-linear-gradient (# EEFF99, # 66EE33); -pie-background: linear-gradient (# EEFF99, # 66EE33); behavior: url (PIE.htc);
Якщо ви все правильно зробите, тоді ваш Internet Explorer 6-8 стане розуміти такі CSS3 функції як:
- border-radius
- box-shadow
- border-image
- multiple background images
- linear-gradient
- background image
Проект PIE (Progressive Internet Explorer) поки знаходиться на стадії розробки, тому очікувати більшу кількість доступних функції CSS3 потрібно незабаром.