Archivi tag: css3 support

CSS3 bordi arrotondati anche su IE

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.