IE-CSS3 – Supporto dei CSS3 per IE 6/7/8

In un precendente articolo abbiamo visto come, con l’ausilio dei marcatori CSS3, può essere semplice creare bordi arrotondati ai nostri box.

Ci sono varie soluzioni per aggiungere il supporto dei CSS3 a Internet Explorer e questo è un metodo che funziona piuttosto bene.

IE-CSS3 è uno script  (. htc file) che può essere richiamato dal nostro file CSS come:

[css]behavior: url(ie-css3.htc);[/css]

e permette di supportare:

  • border-radius (angoli arrotondati)
  • box-shadow (ombra ai box)
  • text-shadow (ombra al testo)

che sono le proprietà più popolari.

Infatti IE-CSS3 agisce tramite il linguaggio VML (Vector Markup Language).

IE-CSS3 - Supporto dei CSS3 in IE 6/7/8

IE-CSS3 - Supporto dei CSS3 in IE 6/7/8

L’utilizzo è semplicissimo, dopo aver scaricato il file .htc, bastarà aggiungere stili CSS come si farebbe normalmente, ma includono una nuova linea:

[css highlight=”8″]
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari e Chrome */
border-radius: 15px; /* Opera 10.5+, futuri browser ed ora anche Internet Explorer 6+ usando IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari e Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, futuri browser ed ora anche Internet Explorer 6+ usando IE-CSS3 */
behavior: url(ie-css3.htc); /* In questo modo IE sa di richiamare lo script su tutti gli elementi interessati */
}[/css]

Al fine di prevenire crash con altri browser, è sicuramente una buona idea usarlo in un CSS dedicato a IE.

DOWNLOAD

2 pensieri su “IE-CSS3 – Supporto dei CSS3 per IE 6/7/8

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *