ie+jquery+fadeIn = crappy fonts

January 21, 2009 7:22 PM

Useing fadeIn() in jQuery, fonts looks crappy in IE7.

I'm using jQuery's fadeIn() (and Out) on a div. Works like a charm, however the fonts in the div look like crap in IE7. Apparently IE turns off Cleartype when you fade stuff.
If I use show() and hide(), the fonts look OK, but that's not what I'm going for. Any known workaround for this?

The code:

$('#header').hover(function () {$('#menu2').fadeIn('fast');},
function () {$('#menu2').fadeOut('fast');}
);

posted by signal to computers & internet (4 comments total)

Did you try setting the background color of the fading element?
posted by SirStan at 7:38 PM on January 21, 2009

Yes, it's set to #eeeeee
posted by signal at 8:01 PM on January 21, 2009

The Google says this.
posted by misterbrandt at 8:06 PM on January 21, 2009 [1 favorite]

Thanks!
posted by signal at 6:04 AM on January 22, 2009