PNG trasparenti con Internet Explorer



Sviluppando pagine web, a parecchi sara' capitato questo scenario: una bella pagina realizzata con immagini PNG trasparenti viene vista correttamente su tutti i browser meno che su Internet Explorer.Sul browser Microsoft, infatti, le aree trasparenti delle immagini PNG vengono visualizzate di colore grigio.

Gironzolando su internet sono approdato su sito del Supporto Tecnico di Microsoft, dove viene proposto un esempio del genere:

L'immagine viene in pratica caricata all'interno di un

e gli viene applicato il filtro AlphaImageLoader, che permette la visualizzazione corretta della trasparenza.

Il problema a questo punto e' la compatibilita': un utilizzo del genere delle immagini PNG comporta una compatibilita' esclusiva con Internet Explorer. L'unica soluzione sarebbe ricorrere al Javascript e, una volta riconosciuta la piattaforma, dichiarare l'immagine in questo modo o col metodo tradizionale.

A quanto pare pero' qualcuno e' riuscito, sfruttando il Javascript, a realizzare un 'framework' di compatilita':

http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

Erik Arvidsson ha elaborato un javascript che si occupa (nel caso la piattaforma sia Win32 e IE55+) di sostituire nel documento tutte le dichiarazioni di immagini PNG con la modalita' descritta da Microsoft.

Published: December 31 2005

  • category: