disign.it | Trasparenza png Internet explorer | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 2.060 visualizzazioni

Trasparenza png Internet explorer

04/06/2011

Come è oramai ben noto Internet explorer per le versioni fino alla 6 non supporta la trasparenza delle immagini PNG.
E purtroppo sono tanti i navigatori ad avere ancora IE non aggiornato...
Grazie a TwinHelix Designs possiamo utlizzare un valido PNG fix.

Scaricate l'archivio compresso da qui, e copiate nella vostra root questi due files blank.gif e iepngfix.htc, entrambi necessari per visualizzare il canale alpha delle PNG su IE6 e inferiori.
Attraverso il file htc  viene utilizzata la proprietà behavior, estensione Microsoft,  che correggere il problema senza disturbare l'operato degli altri browser.
A questo punto nel nostro CSS inseriamo la direttiva
img, div {
behavior: url(iepngfix.htc);
}

e così possiamo tranquillamnte utilizzare png trasparenti senza problemi di leggibilità del canale alpha da parte dei vecchi IE!

← Illustrator, quello che non vi hanno mai detto! Raccogliere, scrivere e modificare contenuti →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.