MSIE animated fade problems

If you use an animation library to fade elements in and out, make sure to add a background colour to the element you animate, otherwise MSIE will play silly buggers with the font face.

Try it by clicking the "content" paragraphs below.

Notice that elements without hasLayout (dimensions or zoom:1) in MSIE will not fade with jQuery, but with YUI.

YUI without background

Content Content Content Content Content Content Content

YUI without hasLayout

Content Content Content Content Content Content Content

YUI with background

Content Content Content Content Content Content Content

jQuery without background

Content Content Content Content Content Content Content

jQuery without hasLayout

Content Content Content Content Content Content Content

jQuery with background

Content Content Content Content Content Content Content

Digg this | Add to deli.cio.us | Technorati