PNGFIX, le soluzioni

Come tutti ormai sanno il supporto dell’alpha (la trasparenza) delle immagini in formato “.png”, è stato implementato in tutti i browser di ultima generazione, nessun problema per Firefox, Safari e Internet explorer dal 7 in poi. Per IE6 invece che l’utenza si ostina ad usare per ignoranza nell’avventurarsi in un concreto windows update e per le dubbie scelte di Microsoft nel non forzarne l’aggiornamento, è ancora un problema portando noi programmatori web al rifugiarci in subdoli escamotage per fixarne la trasparenza.
L’universo web offre svariate soluzioni tutte ottengono risultati e controindicazioni simili anche se sfruttano linguaggi e frameworks differenti.
La funzione primaria di fix la svolgono egregiamente ma purtroppo con dei limiti; per esempio nel caso di fix del background di una div, si perde l’interattività degli elementi children alla stessa, o nel caso di un’immagine che corrisponde ad un link il clic non ha risposta o infine il refresh della pagina nel processo di fix.

Ecco le eventuali soluzioni:

IE PNG Fix v1.0 / 2.0 Alpha 3 by TwinHelix
Sfrutta un file con estensione .htc “behaviors”, un’estensione custom del CSS di Microsoft che non ha effetto sugli altri browsers. Semplicemente aiuta IE5 e IE6 nel supporto della trasparenza. L’installazione avviene copiando il file iepngfix.htc e il file blanck.gif nella /root del sito e richiamandone la funzione tramite CSS; la documentazione completa sul sito.

jQuery.pngFix.js by Andreas Eberhard
Semplice plugin del mitico Framework Javascript jQuery, implementato sotto forma di js il plugin fornisce la stessa funzione del precedente, richiede anch’esso due passaggi di integrazione, link del js nell’head della pagina e attivazione del plugin nelle funzioni di jQuery; la documentazione completa sul sito.

Unit PNG Fix by Unit Interactive
Offrendo le stesse funzioni per le immagini .png questo fix è racchiuso in un unico e indipendente leggerissimo file js che entra in funzione semplicemente linkandolo nell’head. Documentazione sul sito.

Se esistono altre soluzioni, segnalatele!