Follow kevinlearynet on Twitter!

kevinleary.net

jQuery Animation & Distorted Text in Internet Explorer

While working on the Corporate Filing Solutions project I came across an issue with the jQuery scrolling quotes and Internet Explorer.
Internet Explorer jQuery Animated Text Issue

What’s the issue?

It seems that when you animate text with jQuery, particularly bold text, Internet Explorer will distort the text horribly.

How do you fix it?

To fix this, all you have to do is set a background color on the element that is being effected. In this case I set <cite> tag to have a background-color of #FDFDFD and it fixed the issue.

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

2 Comments ↓

  1. Scott / 12.28.09 / 9:37 PM

    doesn`t seem to help

  2. kevinlearynet / 12.29.09 / 1:45 AM

    Hey Scott,

    Can you link to the example where it isn't working for you? A few things may have changed with jQuery / IE since I posted this.

    Also, what version of Internet Exporer are you seeing issues with?

Leave a comment

will not be published

Wrap code blocks with <pre lang="LANGUAGE" line="1"> and </pre> where LANGUAGE is a GeSHi supported language syntax.