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.
Va fi interesant să citiți:
Articole similare
Trimiteți-le prietenilor: