Internet Explorer 6 e immagini PNG - parte 2
Trucchi e bugfix, Tutorial 16 Aprile 2008Tempo fa abbiamo pubblicato un articolo in cui spiegavamo come rendere possibile la visualizzazione di immagini PNG trasparenti in Internet Explorer 6.
In questo articolo vedremo come risolvere uno dei diversi problemi che si possono presentare. La tecnica suggerita nel precedente post consisteva nel richiamare il file “iepngfix.htc” dal nostro foglio di stile, in modo da attivare il filtro di rendering per le immagini PNG.
Alcuni lettori hanno segnalato il mancato funzionamento di questa soluzione su alcuni server, mentre spostando il sito su unaltro server funzionava tutto senza problemi.
Oltre a controllare la corretta presenza del file iepngfix.htc, bisogna tenere in considerazione anche un altro fattore.
Tra i tanti aggiornamenti del sistema operativo Microsoft ce n’è uno che impedisce ad Internet Explorer 6 di caricare i file con estensione *.htc, se questi non vengono “serviti” dal server col mime-type corretto (text/x-component); questo articolo della Microsoft può aiutarvi a focalizzare il problema.
Per ovviare a questo inconveniente abbiamo due soluzioni: la prima è quella di aggiungere il mime-type nella configurazione del server Apache (tramite editing dei files di configurazione o tramite pannello di controllo, su internet sono disponibili numerosi tutorial in proposito).
Qualora questa soluzione non fosse praticabile o non sortisse gli effetti desiderati, abbiamo a disposizione un secondo stratagemma: creare un file, ad esempio “iepngfix.php” e inserire al suo interno queste righe di codice:
<?php
header(’Content-type: text/x-component’);
include(’iepngfix.htc’);
?>
A questo punto lo richiameremo dal nostro foglio di stile con la seguente sintassi:
behavior: url(iepngfix.php);
In pratica il file che abbiamo appena creato costituisce una sorta di intermediario tra client e browser, occupandosi tramite la funzione header di fornire il mime-type corretto, rendendo quindi possibile il caricamento del file .htc (e la conseguente visualizzazione delle PNG trasparenti).

20 Marzo 2009 alle 13:25
Si, in effetti anche sul mio sito notavo che non funziona…
ho provato il tuo tip e ora va! Grazie Piero! ;)
Ricordo a tutti che è anche molto importante aprire il file “iepngfix.htc” e modificarlo con un qualsiasi editor di testo alla riga 16 per impostare il path dell’immagine trasperente (relativo al file html, ma forse meglio se path assoluto).