Guida: come risolvere il problema delle immagini PNG su Internet Explorer

Uno dei problemi più fastidiosi del browser Internet Explorer è l’incapacità di visualizzare le immagini trasparenti con il formato PNG. Per ovviare a questo problema possiamo utilizzare un utilissimo hack in javascript che ci consentirà di far visualizzare correttamente le immagini PNG anche agli utenti che ancora utilizzano il browser targato Microsoft.
Seguite i semplici passi di questa mini guida: scaricate il file pngfix.js e salvatelo nel vostro server, poi copiate e incollate il seguente codice nella vostra pagina web.


Codice da copiare e incollare nei tag Head
&lt; !--[ if lt IE 7.] &gt;<br />
&lt; script defer type="text/javascript" xsrc="pngfix.js" mce_src="pngfix.js" &gt;&lt; /script &gt;<br />
&lt; !--[endif] &gt;

<br />

Via | Pixel-inc.net

19 commenti su “Guida: come risolvere il problema delle immagini PNG su Internet Explorer”

  1. La segnalazione V.M 18 GRATIS oltre a non aver alcuna attinenza con il tema del blog, abbassa di gran lunga l’immagine dello stesso.
    questo secondo me… poi fai tu!
    ciao

    Rispondi
  2. E, se non mi sbaglio, poi bisogna ricordarsi di esplicitare nel codice HTML la Width e la Height delle immagini, perlomeno quelle PNG, anche se si visualizza l’immagine a dimensioni naturali.

    Rispondi
  3. Giusto appunto ieri ho utilizzato sto javascript, ma non mi funziona se il png e’ usato come background di un div.
    Ma che palloso sto IE.

    Rispondi
  4. Infatti, c’è ancora in giro gente che naviga con IE6.
    A parte il problema della trasparenza, che comunque è una vergogna per Microsoft, l’aggiornamento ad IE7 dovrebbe essere fatto soprattutto per motivi di sicurezza.
    Insomma gente, installate IE7 o ancora meglio passate a Firefox 😀

    Rispondi
  5. calcolate che il 30% dei lettori di Geekissimo ha IE6!

    e non visualizzavano neanche il menù in css! Ho dovuto farne apposta uno per loro sfruttando l’user agent….
    una vergogna

    Rispondi
  6. Ps va utilizzata la forma non encodata ossia

    E NON

    & g t; e & l t;

    Smash ti conviene aggiungere l’immagine nel body con display:none; almeno viene conteggaita nel document.getElementbyTagName e la conversione avviene subito.

    Rispondi

Lascia un commento