View Full Version : Text Looks Different in IE7 After Fade In/Out

24 Apr 2008, 2:16 PM
In IE7, If I use fadeIn() or fadeOut() on an element, when the element becomes fully visible, the text appears less "bold" than it was before the the animation. The text always displays perfectly in IE6, FF, etc.

I first noticed this when fading an element in, but even fading an element out and making it visible again without any animation causes this issue to appear.

I've attached a screenshot. This is some simple code to produce this:

<span>Before: Text 123456789</span>
<span id="testEl">After: Text 123456789</span><br /><br />
<button onclick="Ext.get('testEl').fadeIn()">Fade</button>

Is there any workaround for this?