I have an issue with IE6, IE7, and IE8 not rendering text properly after javascript has called and run an appear effect on it.
Anyone know how I can fix this?
You can see the problem here
That will be related to the ClearType technology that Microsoft uses.
There are some different solutions to this, but in practice it can be better to make use of a pre-existing library that as much as possible already solves this issue.
For example, the jQuery cycle plugin.
See the ClearType demo in action.
I’ve found that when I run an opacity transformation (in IE, filter:alpha),
IE stops anti-aliasing any text that is transformed.
If the effect is to end with opacity at 100%, as in a ‘fade-in’,
you can restore anti-aliasing (and remove the jagged edges )
by removing the filter property from the element’s style completely,
after the effect, instead of leaving it at 100.
Anything less than 100 and you need a graphic to get sharp looking text in IE.
Or leave IE out of the transformation, and hope they get it right the next time.