jQueryのFadeInやslideDownでopacityの操作をすると、IE8以下で効果を付けた要素内のテキストがギザギザになる

jQueryのFadeInやslideDownでopacityの操作をすると、IE8以下で効果を付けた要素内のテキストがギザギザ（ジャギ）になることがあります。

$('.sample').fadeIn('fast');

原因

IE8以下ではopacityはfilterプロパティを使って表現しますが、このopacityの独自仕様とWindowsのClearTypeが干渉し、ClearTypeが切れてしまいます。

回避方法

この不具合（バグ）は、効果終了後にfilterを削除することで回避できます。

$('.sample').fadeIn('fast', function() { if (!jQuery.support.leadingWhitespace) { this.style.removeAttribute('filter'); } });