• Javascript molto compatto: meno di 1 kb!
• Sistema la maggior parte dei problemi causati dall’attributo Filter.
• Funziona sugli oggetti img e sugli attributi background-images.
• Si esegue direttamente, senza dover definire classi o chiamare funzioni.
• Permette l’uso di elementi con auto width e auto height;
• Davvero molto semplice da implementare.

Per scaricarlo, basta cliccare qui.

L’installazione è molto semplice. Una volta scaricato l’archivio, basta copiare il file unitpngfix.js nella cartella del vostri sito web, e il file clear.gif nella cartella immagini. Bisognerà aggiungere il seguente testo all’header della pagina web interessata:

<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

Successivamente, basterà verificare, all’interno del file unitpngfix.js che il percorso del file clear.gif sia corretto (trovate il percorso nella prima linea di codice). Et voilà, il gioco è fatto!

Esiste una soluzione molto semplice per risolvere questo problema e consiste nell’utilizzo degli hacks.
Il miglior escamotage per risolvere il problema è quello dell’uso di fogli di stile multipli dedicati, per ogni browser che vorremo rendere compatibile con il nostro sito.

Ovviamente non è necessario riscrivere tutto il codice dei CSS, basta semplicemente aggiustare quelle parti che ci danno dei problemi.

Per inserire i link ai fogli di stile aggiuntivi, dedicati ad esempio a Internet Explorer 6 e 7, basta utilizzare queste istruzioni nell’head della pagina web:
<!--[if IE 6]>
<link href=”stili-ie6.css” mce_href=”stili-ie6.css” rel=”stylesheet” type=”text/css”/> <![endif]–>

<!--[if IE 7]>
<link href=”stili-ie7.css” mce_href=”stili-ie7.css” rel=”stylesheet” type=”text/css”/><![endif]–>

Potremo così usare come elemento di partenza un foglio di stile creato considerando i browsers che rispettano gli standard del W3C e usare i fogli di stile aggiuntivi per risolvere i problemi di visualizzazione dei browser non standardizzati.

L’aspetto interessante dell’uso di fogli di stile multipli è che ci permettono di correggere in qualsiasi momento le impostazioni dedicate a un ben determinato browser in maniera rapida ed efficace per tutto il nostro sito.

Una curiosità per chi si chiede cosa voglia dire il termine Hack (la citazione è presa da Wikipedia):

il termine “hack” era un ternime in voga tra i lavoratori inglesi, che costruivano locomotive in USA. Con l’espressione gergale “that’s a hack!” veniva solitamente indicato un “bel lavoro, ben fatto, di qualcosa di imponente e costruito con metodo e criterio”