CSSによる背景切替でのちらつきを解消する方法

2006年12月 4日
以前のエントリーで、CSSで背景画像を切り替えたら、なぜかIE6だけちらつきが発生することはお伝えしました。これはIEのバグのようです。キャッシュに問題があるので、キャッシュを制御すればどうにかなりそうです。
その解決方法が書いてあるサイトを発見しました。
studio-m weblog

CSSでどうにかなるようです。
CSS
html {
  filter: expression(document.execCommand("BackgroundImageCache", 
  false, true));
}

「expression」はIE独自のプロパティで、CSSの中にJavaScriptが書けるらしいのです。
知りませんでした。驚愕！！

ただし、IE独自のタグなので、他のブラウザには効かないようですね。
ちらつきの現象はIEだけに起こるものなので、使用するCSSもIEしか有効でないことを考えると、studio-m weblogさまのblogではJavaScritでブラウザの振り分けを行ったほうがよいのでは？と仰っていましたが、それは必要ないようにも思えます。

実はまだ試していないので、機会があったときに試してみたいと思います。
※自分で試していない上に、そもそものネタ元が英語なので、各自ご自分で試してみてください。

＜余談＞
JavaScriptで背景画像を切り替える方法のコラムをアップし忘れていました。
次回に投稿しようと思います。すみません。
投稿日:2006年12月 4日
« 前の記事 | webコラムのトップへ | 次の記事 »

トラックバック歓迎です。以下URLにて登録をお願いいたします。

このエントリーのトラックバックURL:

↓↓↓トラックバックしてくださった方々↓↓↓
※トラックバックされても管理人がスパムと判断したものは公開されません。

最近のコラム

top