25 Nov 2009 @ 2:45 PM

Hello

Did it happen that when you use an animation such as fadeIn()/fadeOut() on a LCD screen, that has windows cleratype on (this happens automatically in windows vista+ but can be set on and off in windows XP), on IE (all versions), the text is not antialised anymore. This is due to the filter attribute IE browsers use to make the cleartype/stuff.

The solution is relatively simple, like putting a function callback on the fade in()/fadeOut() such as:

JQuery Code

$(document).ready(function(){
 $(".element").fadeIn(function(){
  $(this).removeAttr("filtered");
 });
});

It’s not a perfect solution, and it may be a bit laggy and you can still SEE THE TEXT BEING CLEARTYPED, but at least it wont stay without cleartype and look like shit. Also this is the only way to do it until jQuery incorporates it’s own fix to counter IE‘s behavior.

Posted By: Dinulescu Alexandru Adrian

Last Edit: 08 Jan 2010 @ 09:06 PM

EmailPermalink

Responses to this post » (None)

You must be logged in to post a comment.