Ufficialmente IE7 supporta la trasparenza del canale alfa PNG per le immagini. Tuttavia quando si creano animazioni con jQuery che sfruttano l'opacità di un elemento, IE7 mostra diversi problemi. Vediamo una soluzione.
Aggiungete una classe CSS agli elementi la cui immagine di sfondo è di tipo PNG e quindi utilizzate il seguente codice:
$('.pngfix').each( function() {
var $fix = $(this);
$fix.attr('writing-mode', 'tb-rl');
$fix.css('background-image', 'none');
$fix.css( 'filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="percorso/immagine.png",sizingMethod="scale")');
});
In pratica abbiamo utilizzato il filtri proprietari di Explorer per ovviare ai suoi bug.