JQuery FadeIn text in IE7 / IE8: text with an alias during animation

Question

I find it hard to use jQuery fadeIn () or fadeOut () for text divs in IE (both 7 and 8), as you can see in this example: http://jsbin.com/etatu3/5 (see code here: http://jsbin.com/etatu3/5/edit )

I did some research and it seems to be due to the opacity of the filter.

I tried to use

animate({filter: (opacity = 50)},1000); 

But of course it didn’t work. I checked hasLayout, it is true.

Is there any solution so that the text is not a pseudonym during the fade animation because it is pretty ugly for big names?

Thank you for your responses:)

Edit: just to be clear, as you can see in the example I included, I already use removeAttribute ('filter'); This does the job after the animation, not during .

Answer 1

Try adding a white background color to the element, it improves the animation, but does not improve it.

http://jsbin.com/etatu3/17