Geekissimo

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

 
Shor (Angelo Di Veroli)
13 Giugno 2007
15 commenti

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
Categorie:
Potrebbe interessarti anche
Articoli Correlati
Video Tutorial: guida all’ottimizzazione di Firefox 3

Video Tutorial: guida all’ottimizzazione di Firefox 3

L’uscita di Firefox 3 nella sua versione finale – oltre che un record entrato dritto nel registro dei guinness dei primati – ha portato con se una buona dose di […]

Vista, come scaricare Firefox ed Opera senza passare per Internet Explorer o altri browser

Vista, come scaricare Firefox ed Opera senza passare per Internet Explorer o altri browser

Gli esperti di tutto il mondo si stanno scervellando per capire l’origine di una strana patologia che sta affliggendo sempre più geek. Si tratta di uno strano “morbo” che mostra […]

Geekissimo Tv: i migliori video settimanali di Dissacration #10

Geekissimo Tv: i migliori video settimanali di Dissacration #10

Nuova puntata settimanale con la Tv più virale d’Italia, grazie ai video più belli della settimana by Dissacration. In questo nuovo episodio troviamo 6 video virali: un Jimi Hendrix Art […]

Resettare o cambiare la password del Mac OS X

Resettare o cambiare la password del Mac OS X

Il nostro lettore Tommaso mi segnala un interessante metodo per cambiare o resettare la password di un Mac OS X. Si tratta di un articolo tratto dal blog di Davide […]

Guida: Gmail hacks, cambia la skin e i colori alle label

Guida: Gmail hacks, cambia la skin e i colori alle label

Oggi voglio spiegarvi dei trucchetti su come modificare alcune funzioni dell’email più famosa del mondo, parliamo di Gmail. Tramite degli Userscript Gmail in Javascript è possibile implementare o cambiare delle […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1Gork

    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

    13 Giu 2007, 1:01 pm Rispondi|Quota
  • #2marco

    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.

    13 Giu 2007, 1:03 pm Rispondi|Quota
  • #3Samuele

    Io invece penso che chi usa Explorer dovrebbe fottersi. Perchè mai cambiare? 🙂

    Dai, scherzavo…

    13 Giu 2007, 1:27 pm Rispondi|Quota
  • #4Miki

    Siccome negli ultimi giorni ho dovuto perderci tempo dietro alla trasparenza delle PNG, segnalo un articolo interessante per utilizzare questo tipo di immagini con background nei css.
    http://www.hrunting.org/csstests/iealpha.html
    E’ un po’ piu’ macchinoso, ma risolve i problemi dove lo script da te postato non arriva.

    13 Giu 2007, 2:05 pm Rispondi|Quota
  • #5Mirkob

    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.

    13 Giu 2007, 3:26 pm Rispondi|Quota
  • #6Liberto

    Io ho letto un articolo sullo stesso problema un pò di tempo fa, e il risultato è stato ottimo…anke come background di un div…poi se volete provare ecco il link(il metodo è quasi lo stesso..magari cambia qualcosa nei file .js..non so..)

    http://blog.freetemplate.it/web/png-in-microsoft-ie-soluzione-al-problema/

    13 Giu 2007, 4:19 pm Rispondi|Quota
  • #7Mega69

    Ciao Mirkob, trovi una soluzione al tuo problema qui:
    PNG su Internet Explorer

    13 Giu 2007, 4:35 pm Rispondi|Quota
  • #8carlo

    La nuova versione di Internet Explorer 7 supporta le PNG con trasparenze (alpha channels)

    13 Giu 2007, 5:11 pm Rispondi|Quota
  • #9iSeba

    Mai sentito parlare di Internet Explore 7?

    13 Giu 2007, 6:34 pm Rispondi|Quota
  • #10Nicopi

    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 😀

    13 Giu 2007, 7:28 pm Rispondi|Quota
  • #11Shor

    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

    13 Giu 2007, 8:06 pm Rispondi|Quota
  • #12michele

    Se la gente è cogliona che usa ancora IE6 quando c’è già IE7 da un bel pezzo…

    13 Giu 2007, 8:54 pm Rispondi|Quota
  • #13Mirkob

    ohh grazie, poi provo l’hack per i png nel css

    13 Giu 2007, 9:05 pm Rispondi|Quota
  • #14Smash

    E se il png è dentro il css…
    qualche soluzione?

    30 Gen 2008, 10:32 am Rispondi|Quota
  • #15franco

    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.

    23 Dic 2008, 9:18 pm Rispondi|Quota