Urbangap
PNG trasparenti su IE6
27 August 2008
Il formato immagine PNG è ormai diffusissimo. Con l’utilizzo delle trasparenze si possono ottenere effetti grafici interessanti impossibili da ottenere con il formato GIF.
Purtroppo, Internet Explorer 6 non riesce a gestire correttamente le trasparenze delle immagini PNG.
Molte le soluzioni pensate per aggirare l’ostacolo. La più diffusa consiste in un hack CSS che utilizza un filtro specifico per IE (per maggiori informazioni rimando al sito TomStardust.com).
Personalmente ho sempre evitato di utilizzare questa tecnica perchè la proprietà “filter” non rientra negli standard e non permette la validazione dei fogli di stile.
Un’altra soluzione, proposta dal sito TwinHelix Designs, permette di gestire le trasparenze delle immagini PNG (anche dei background) con una sola riga CSS senza intervenire sul file HTML e garantendo la validazione del file CSS.
Vediamo come funziona
una volta scaricato il file iepngfix.zip dal sito TwinHelix Designs, prendiamo i 2 file necessari per visualizzare il canale alpha delle PNG:
blank.gif, una GIF trasparente necessaria per far funzionare l’hack, e iepngfix.htc. Mettiamo questi file nella stessa directory dove si trova il file che caricherà le PNG di cui vogliamo visualizzare la trasparenza, quindi inseriamo nel codice CSS la stringa
mioDiv {behavior: url(iepngfix.htc)}
Ecco fatto! Un esempio pratico della classe “behavior” lo potete trovare sul sito w3facile.com unitamente ad altre tecniche per la gestione delle immagini PNG in IE6
Articoli correlati
2 Commenti per
“PNG trasparenti su IE6”
Lascia un Commento
Feed RSS
Categorie
Sponsor
Commenti:
- Gioacchino Poletto: Io utilizzo IE7 Enhanced
- WD Web Design: Per fortuna esiste questo script… che risolve un grosso problema per i web...
- WD Web Design: Sicuramente lodevole la faccenda del risparmio di energia, ma credo sia una cosa...
- Mad: Certo che ce n’è di gente geniale in giro!
- Gioacchino: Vedo che gli anni passano ma i brutti … restano !
Un saluto a tutti ..
Periodo
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
info@urbangap.com URBANGAP srl Stradone Porta Palio 68 - 37122 Verona (VR)
WD Web Design | 3 October 2008 alle 16:47
Per fortuna esiste questo script… che risolve un grosso problema per i web designer. La realizzazione di un sito web con elementi semitrasparenti (utilizzando delle png) è abbastanza problematica su IE6 (il browser più buggato del mondo) se non ci fosse questo script o alcuni hack simili.
Gioacchino Poletto | 6 October 2008 alle 15:26
Io utilizzo IE7 Enhanced