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

2006-04-14

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

background-colorが設定されていない要素に対してEffectを行った場合に発生します。

といっても、必ず発生するわけでも無く、文字のサイズや、解像度によっても変わるようです。

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

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

といった感じです。

background-colorが設定してあれば滲まないので、Effectを行う要素には、background-colorを指定しておくのが安全です。

(親要素で指定してあるから大丈夫、、って事はなく、該当の要素に対しても設定が必要です。transparentのままじゃダメ)

jun66j5 2006/04/15 10:52 フォントにアンチエイリアスが掛かっていると、background-color がないと何色に向けて aliasing したらいいか IE は解らなくなってしまうような感じですね。

onozaty 2006/04/16 01:41 コメントありがとうございます。
恥ずかしながら、アンチエイリアス自体良く知りませんでした…
なるほど、background-colorが指定していないと、アンチエイリアスの処理がもたつく感じなのですかねぇ。

スパム対策のためのダミーです。もし見えても何も入力しないでください

画像認証

トラックバック - http://d.hatena.ne.jp/onozaty/20060414/p1

リンク元