Question

The site I’m working on opens with a fancy jQuery opacity animation. Currently It’s working in all browsers, but in IE all text and alpha images are left with ugly black borders that makes the text practically unreadable.

Is there some clever javascript command i can run to refresh/update the graphics?
Any other way to fix this?

My problem is entirely css and javascript related, so all source code can be found following the link.

Thanks for any help!

http://xistence.org/dev/

Answer 1

After an animation involving the opacity, you will want to clear the opacity value (back to a default of no value) to fix this mangled antialiasing in IE. Try this jQuery on the section in question after the animation is complete (e.g. in a callback):

$('.item').css('filter','');