HTML hack: PNG trasparenti su Internet Explorer 5.5 e 6

Rifacendomi ad un articolo datato ma pur sempre attuale e di grande interesse, pubblico un facile e comodo hack in javascript per le vostre pagine web che permette di visualizzare la trasparenza delle png anche nei browser datati ma comunque ancora di largo consumo.

Sapevate infatti che il 25% degli utenti worldwide ancora utilizza l’obsoleto Internet Explorer 6?

Questa notizia è demoralizzante per noi web developers! Iniziamo a inserire questo piccolo script nelle nostre pagine e non pensiamoci più.

Di cosa abbiamo bisogno?

  1. Di questo file
  2. Di javascript abilitatonel browser del nostro utente
  3. Di 3 linee di codice

Andiamo nel particolare:

Aggiungiamo queste 3 righe di codice nella sezione della nostra pagina contenente le immagini trapsarenti png.

<script src="pngfix.js" type="text/javascript"> <!--mce:0--> </script>
Salviamo nella directory principale del nostro spazio web il file appena scaricato e andiamo a visualizzare la nostra pagina in una versione datata di Internet Explorer (5.5 o 6) o in un qualsiasi emulatore per browser.

La condizione if espressa nella sezione della nostra pagina fa sì che lo script entri in azioni solo con le versioni 5.5 e 6 di IE.

Il gioco è fatto.

Commenti


Cerca