script.aculo.usのEffectで文字が滲む、ぼやける(IE)

script.aculo.usのEffect(Effect.FadeやEffect.Apperなどのような、透過率が変わるもの)にて、IEの場合に文字が滲んだようにぼやけて表示されることがあります。


background-colorが設定されていない要素に対してEffectを行った場合に発生します。
といっても、必ず発生するわけでも無く、文字のサイズや、解像度によっても変わるようです。

下記にサンプルをおきましたので、IEで表示してみてください。

私のマシン(解像度:SXGA)では、、

  1. 15px:問題なし
  2. 18px:英数字のみ滲む。
  3. 25px:全ての文字が滲む。

といった感じです。

background-colorが設定してあれば滲まないので、Effectを行う要素には、background-colorを指定しておくのが安全です。
(親要素で指定してあるから大丈夫、、って事はなく、該当の要素に対しても設定が必要です。transparentのままじゃダメ)