Probabil pentru toți nu va fi un secret că InternetExplorer nu suportă CSS3. și acest lucru este foarte hre.vo pentru webmasteri.
Acum, pentru a putea funcționa funcțiile CSS3 în IE 6-8, webmasterii utilizează filtre diferite, dar aceasta este o metodă puternică de hemoroizi și obțineți o mulțime de cod suplimentar în fișierul style.css.
Vă sugerez o modalitate mult mai simplă de a utiliza, în loc de filtre, pentru ca Internet Explorer să suporte CSS3, ci doar să conectăm un fișier la stil.css. iar Internet Explorer-ul nostru va învăța CSS3, și acum mai mult.
PIE (Progressive Internet Explorer) - acest link va cere să descărcați fișierul (PIE.htc) și va trebui să fie conectat la fișierul stil.css astfel încât Internet Explorer să înțeleagă CSS3.
Pentru a conecta un fișier, trebuie să îl mutați în directorul rădăcină al site-ului și să scrieți codul în locul potrivit în fișierul style.css. comportament: url (PIE.htc.)
exemplu:
frontieră: 1px solid # 696; padding: 60px 0; text-align: centru; lățime: 200px; -webkit-border-radius: 8px; -moz-border-radius: 8px; raza de graniță: 8px; -webkit-box-shadow: # 666 0px 2px 3px; -moz-box-shadow: # 666 0px 2px 3px; box-shadow: # 666 0px 2px 3px; fundal: # EEFF99; fundal: -webkit-gradient (liniar, 0 0, 0 de jos, de la (# EEFF99), la (# 66EE33)); fundal: -moz-linear-gradient (# EEFF99, # 66EE33); - fundal-fundal: gradient linear (# EEFF99, # 66EE33); comportament: url (PIE.htc);
Dacă faceți totul corect, atunci Internet Explorer 6-8 va înțelege astfel de funcții CSS3 ca:
- border-radius
- box-shadow
- border-image
- mai multe imagini de fundal
- liniar gradient
- imagine de fundal
Proiectul PIE (Progressive Internet Explorer) este încă în curs de dezvoltare, așa că se așteaptă mai mult din funcția CSS3 disponibilă în viitorul apropiat.