Internet Explorer, font clear type e trasparenze

Un simpatico problema che mi è capitato di recente con Internet Explorer, su un sito avevo la necessità di far apparire e scomparire in sequenza delle news in homepage usando utilizzando le funzioni fadeIn e fadeOut di jQuery. Niente di più semplice se non fosse che testando il sito con vari browser è emerso che con IE7 e IE8 i testi durante il fading venivano tutti sgranati.

Come al solito mi sono affidato a San Google per cercare documentazione in merito a questo problema e ho trovato che IE renderizza male i font clear type quando vengono applicate le trasparenze.

Tra i vari risultati ho trovato molti workaround che cercano di arginare il problema, come ad esempio alla fine della transizione resettare i valori di filter alla fine delle transizioni come si può vedere dal codice qui sotto riportato da stackowerflow:

$('#myDiv').fadeIn('slow', function() {
   this.style.removeAttribute('filter');
});

Continue reading