Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

CSS3 bordi arrotondati anche su IE

Giugno 18th, 2010 by Giovanni Caputo

Tutti noi sappiamo che IE 6,7 non supportano i CSS3, anche IE8 non è pronto per il pieno supporto.
Ecco un hack che consente di abilitare il supporto ai CSS3 su Internet Explorer (compresa la versione 6) con le tutte le sue proprietà, tra cui border-radius (angoli arrotondati), box-shadow (ombra), text-shadow (ombra su testo).
E’ semplicissimo da applicare, dovete aggiungere solamente una linea di codice sul vostro file CSS, Ecco un esempio:

 
.box {
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* RIGA DA AGGIUNGERE */
}
 

Naturalmente è necessario scaricare e inserire nella stassa directory il file, scaricandolo da  qui.

Questo post è stato postato venerdì, Giugno 18th, 2010 at 18:50 nella categoria Programmazione. Tags:, , , , .
Puoi seguire tutti i commenti di questo articolo attraverso RSS 2.0 feed. Puoi lasciare un commento, o trackback dal nostro sito.

Lascia un commento

You must be loggati to post a comment.