JQuery IE Cleartype crashing on fadeout!

Question

Please do not give me more articles about this issue. I think I read them all ... I have a div that has some text in it, and I just wanted to put it out in jQuery:

$(document).ready(function(){
  $('#dHeaderMessage').fadeOut(12000, function() { 
    });  
});

This disappears correctly, but the text inside this div looks awful when the page loads first (IE8). So I googled and he mentioned some issues with ClearType font with IE. The workaround was to remove the “filter” in javascript as follows:

document.getElementById('dHeaderMessage').style.removeAttribute("filter");

But that did not change ... so I tried to do this directly in jQuery:

$('#dHeaderMain').fadeOut(12000, function() { 
        this.style.removeAttribute("filter");
    }); 

Still the same problem, the text looks blurry ... How can I solve this?

Answer 1

Here is what you can do:

$('#dHeaderMessage').delay(20000).fadeOut('slow');

Answer 2

, . , div . .