Search code examples
jqueryfirefoxanimationjquery-cyclecleartype

jQuery cycle: fading white text becomes "green" in Windows/Firefox/Cleartype Enabled

On Windows it seems that when there's white text on any background and it does transitions, the text naturally turns to some shade of green during its opacity value being toggled back to 1.

This makes sense. But does anyone know any sort of workaround to prevent it transitioning to a shade of green between the animating besides changing the color of the text from white to something else?

I have a full demo here.

Notes:

  • It doesn't do it for me in Linux since there is no ClearType, it only happens when I enable ClearType on Windows.
  • I specified cleartype:true cleartypeNoBg but as far as I know, that only resolves another issue in IE7.
  • I know that if you disable ClearType it will go away

I would be open to maybe some sort of workaround that involves a different animation style ( other than fading ), but throw any ideas you have at me.

EDIT: Think I have found the bug here.

EDIT #2: Looking through the transitions here. Seems like scrollRight may substitute for a fade.

Solution

  • Specify a background color on the text element and you'll no longer see any green