Oggi praticamente in ogni sito troviamo dei PNG con sfondo trasparente, queste immagini non sono però compatibili con IE6, il browser targato Microsoft. Quest’oggi vedremo il miglior modo per rendere compatibili i PNG con IE6.

Tutorial

Per farlo dovremo utilizzare un file javascript scaricabile gratuitamente dal sito Unit Interactive.

Dopo aver scaricato il file che peserà poco più di 2 Kb dovremmo scompattare l’archivio, all’interno troveremo i seguenti file:

Il file unitpngfix.js va naturalmente utilizzato insieme ad un file HTML dove va inserito il seguente blocco di codice prima del tag </head>

<!--[if lt IE 7]>

 <script type="text/javascript" src="posizione file unitpngfix.js"></script>

<![endif]-->

Il precedente codice va inserito in tutte le pagine in cui vogliamo rendere trasparenti i file PNG anche su IE6.

Il file clear.gif va posizionato nella cartella images del nostro sito, se non lo facciamo dobbiamo modificare la posizione dell’immagine all’interno del file javascript:

Questo è il miglior modo per rendere trasparenti i PNG anche su IE6, anche perché il più semplice e veloce. Possiamo controllare il funzionamento del file javascript attraverso il sito TotalValidator.