ferzip.com

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 ?

Semplice perchè al mondo ancora il 20% degli utenti usa ancora ie6 (http://www.w3schools.com/browsers/browsers_stats.asp ), questo dato è a livello mondiale , figuarimoci se analizzassimo a livello nazionale ! ma passiamo subito ad vedere come si puo rendere una PNG trasparente , il metodo è molto semplice si fa tutto tramite CSS :

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.

.