PNG trasparenti con Internet explorer 6 e ie5.5
Può essere considerata una news vecchia , ma solo ora mi trovo a combattere con questo storico problema , e da ignorante nel campo ho trovato che esistea una soluzione gia da anni ! Ora che siamo nel web 2.0 … il dubbio che ci assilla è perchè tenere in considerazione ancora le vecchie versioni si ie ?
ci sono due strade che si possono percorrere :
1) tramite semplice riga di CSS se si tratta di una normale immagine
.img {
background-color: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”yourPNG.png”, sizingMethod=”crop”);
}
2) tramite uno scipt altamente consigliato se si usa come backround di un DIV
.image {
position: relative;
background: url(“icons/dieta.png”) no-repeat bottom right ;
behavior: url(http://www.ferzip.com/Download/iepngfix.htc); /* change path here and in iepngfix.htc to match theme location */
}
Questo script , reperibile anche qui : mirror , o direttamente dal produttore : qui
ha anche come feature
* RENDE TRASPARENTI LE PNG ANCHE PER IE 5.5
* Attivazione automatica delle trasparenze per i PNG nella pagina.
* Supporto per elementi<IMG SRC=”"> .
* Supporto per sfondo immagini PNG (a differenza di molti altri script!)
* Immagini di sfondo può essere definita in linea o in fogli di stile esterno.
* Gestisce automaticamente cambiato SRC / sfondo via normale JavaScript (ad esempio, del mouseover rollover) – assenza di codifica necessari.
* Cambia include il supporto CSS ‘className’ modifiche su elementi.
* Include soluzione automatica per <a href=”"> elementi PNG-elementi di fondo.
* Tiny script (per download veloci).
* Rilasciato come Software Libero.
.
