Sappiamo tutti che internet explorer, tra le sue innumerevoli qualità, c’è anche quella di supportare pienamente i CSS3.
Tranquillo, sto scherzando..ma neanche tanto visto che esiste un hack che permette da explorer 6 in poi di supportare tre proprietà CSS3 in particolare.
Le tre proprietà sono: border-radius (bordi arrotondati), box-shadow ( ombre ai box), text-shadow (ombre ai testi).
Il suo funzionamento è semplicissimo.
Una volta scaricato lo script dovrai aggiungere tra le proprietà CSS questa riga di codice negli elementi che utilizeranno proprietà CSS3:
behavior: url(ie-css3.htc);
In questo modo:
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+*/
-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+*/
behavior: url(ie-css3.htc); /* hack Internet Explorer */
}
Puoi testare questo hack aprendo la pagina ufficiale dello script con Internet Explorer 6 o 7 e vederlo all’opera.
Inoltre ti invito a leggere questo articolo di yourinspirationweb, che ti darà altri suggerimenti su come aggirare gli ostacoli di internet explorer.
Finalmente possiamo usare almeno in parte i CSS3.
alessio.... on 
gffh on 
Pietro on 
fedeweb on 
icosensei on 
HTML5 Please – Come Usare Tutte le Proprietà HTML5 e CSS3 | Antonio Ghidara | ADV solution on 
27 aprile 2010 at 13:58
Grazie mille!
In questo modo finalmente eviterò di perdere tempo ad inventarmi 1000mila modi diversi per far andare i bordi arrotondati anche su quella sottospecie di browser…
27 aprile 2010 at 14:11
ottima notizia grazie!
30 aprile 2010 at 10:44
Bene! se avete difficoltà nell’utilizzare lo script chiedete pure nei commenti
28 settembre 2010 at 23:13
io ho utilizzato lo script pie.htc per un sito e non ho avuto problemi!
Lo sto utilizzando ora per un altro progetto e mi blocca explorer, sai dirmi da cosa potrebbe dipendere?
29 settembre 2010 at 18:09
Ciao Nicola e benvenuto nel blog
Forse ci sono dei conflitti con altri script che utilizzi? è on line il progetto?
23 dicembre 2010 at 11:17
ciao,
volevo sapere..come faccio ad impostare le caratteristiche dell’ombra per explorer?
cioè per gli altri browser uso questi:
-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+*/
explorer mi pesca il file ie-css3.htc ma come fa sapere l’ampiezza dell’ombra ecc..
grazie mille..
ciaoo
23 dicembre 2010 at 17:16
Ciao Marco e benvenuto nel blog
Non vorrei ricordare male, ma va a prendere i valori dati utilizzando le proprietà utilizzate per gli altri browser. Verifica e fammi sapere
23 dicembre 2010 at 17:26
ma come e dove li inserisco? grazie ancora..
13 gennaio 2011 at 18:09
Ciao,
ma anche l’arrotondamento agli angoli non funziona!! con explorer non li vedo..
grazie..
13 gennaio 2011 at 23:33
Hai scaricato il file indicato nell’articolo?
15 gennaio 2011 at 11:04
Con gli :hover non funziona e se si imposta un mouseover() con jquery funziona ma va lentissimo e poi rimane salvata l’ombra. Cioè anche usando un mouseout() o cambiando in modo dimanico la classe rimane l’ombra quando esci dall’elemento..
16 gennaio 2011 at 12:25
@Michele
Ciao Michele e benvenuto nel blog
Bisogna ricordarci che è un hack e in alcune situazioni, come l’hover può non funzionare a dovere.