Come visualizzare PNG trasparenti in IE6
This entry was posted on October 11th, 2008 and is filed under Grafica, javascript, Web Designing.
Il formato PNG è stato una rivoluzione per il Web e per la grafica in generale… Ha un buon rapporto di compressione, supporto alle trasparenze e un numero di colori maggiori del formato GIF. Detta cosi sembra impossibile doverne fare a meno; purtroppo però come ben sapranno tutti coloro che almeno una volta hanno avuto a che fare con un sito web, mai nulla è facile in questo settore! Sappiamo bene quanto ci vuole per realizzare un template crossbrowser, è una delle maggiori difficolta durante la realizzazione di un sito.
Il problema del formato PNG è l’incombatibilità con i browser datati di casa Microsoft. Internet Explorer 6 e 5.5 prendono ancora una grossa fetta di mercato e purtroppo non bisogna ignorare la quantità di utenti che ancora li utilizzano.
Facendo una ricerca sul web le possibili soluzioni sono tante; oggi voglio presentarvene una che io personalmente ho usato con successo: SuperSleight. Nel link precedente c’è ampiamente spiegato il suo funzionamento e cosa fa; io mi limiterò ad esporvi una piccola guida per importarlo all’interno delle nostre pagine web.
Innanzitutto scarichiamo il file SuperSleight, decomprimiamolo ed inseriamo uno dei due file javascript all’interno del nostro sito.
All’interno del file html invece, tra i tag <head></head> dobbiamo inserire queste tre righe di codice che, includono il file javascript all’interno della pagina solo se il browser è una versione di Internet Explorer uguale o inferiore a 6:
<!--[if lte IE 6]>
<mce:script type="text/javascript" src="supersleight-min.js" mce_src="supersleight-min.js"></mce:script>
<![endif]-->
Finito! 
Inseriamo ora le nostre png e testiamole con IE6!
Benvenuto! Mi chiamo
August 24, 2010 at 12:24 am
Grazie