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.
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
< !--[ if lt IE 7.] ><br />
< script defer type="text/javascript" xsrc="pngfix.js" mce_src="pngfix.js" >< /script ><br />
< !--[endif] > <br />
Via | Pixel-inc.net
14 Commenti
Scritto da Shor
Calciopro
CineTivu
Dissacration
Finanzalive
Geekissimo
GingerAndTomato
GuadagnoRisparmiando
IoChiamo
IoVideogioco
Medicinalive
Politicalive
Starlettime
TheAppleLounge
UltimoGiro
Ecologiae
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
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.
Io invece penso che chi usa Explorer dovrebbe fottersi. Perchè mai cambiare?
Dai, scherzavo…
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.
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.
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/
Ciao Mirkob, trovi una soluzione al tuo problema qui:
PNG su Internet Explorer
La nuova versione di Internet Explorer 7 supporta le PNG con trasparenze (alpha channels)
Mai sentito parlare di Internet Explore 7?
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
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
Se la gente è cogliona che usa ancora IE6 quando c’è già IE7 da un bel pezzo…
ohh grazie, poi provo l’hack per i png nel css
E se il png è dentro il css…
qualche soluzione?