Fading issues in Internet Explorer 7 when using jQuery

Question

I\'m using jQuery on a site that I\'m working on and everything works fine - except in Internet Explorer 7 (and previous versions, but the site doesn\'t support them). Take

Answer 1

Font Cleartype issue with fade in fade out jQuery

This is a really good explanation of the exact problem. It has to do with the clear type font in IE. This is a fix I've used.

Example:

// This causes this text glich
$("#message").fadeIn();

// This will fix it
document.getElementById("#message").style.removeAttribute("filter");

Fix is to remove the filter.

$('#message').fadeIn(function(){
    this.style.removeAttribute("filter");
});

Source