主に IT 技術を整理するためにメモ的に書き溜めています。少しだけフリーソフトもあるよ。コメントを残すには、 facebook を使ってください。

IE6 でアンカー上に CSS で指定した背景が消えるのを防ぐ

最終更新日 2007-12-31 18:43:03 (1年以上前の記事です)


CSS を使って a タグに背景を指定して、 hover で画像を切り替えるような事をよくするんだけど、 IE6 上だと何かチカチカしてスムーズに切り替えを行ってくれない。
これをどうしたらうまい事切り替えてくれるのかを調べたときのメモ。


解決策は驚くほど簡単なんだけどね。


以下に例を作ってみた。 IE6 でこのページを見れば、どんな事が発生してるかわかると思う。

動作


ソース

	<style>
		a#flicker { background-image:url(/upload/36_flicker.png); width: 111px; height: 37px; overflow: hidden; }
		a:hover#flicker { background-position: 0 38px; }
	</style>

	<a href = "#" id="flicker"></a>

解決策


色々あるっぽいんだけど、以下の方法が一番楽。
CSS に以下を追加する。

html
{
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

参考文献


No more IE6 background flicker

最終更新日 2007-12-31 18:43:03

コメント このエントリーをはてなブックマークに追加

フリーソフトウエア
EnjoiFLV
EnjoiPacket
EnjoiCrypto
ランキング
rank1, rank2, rank3, rank7, rank9, rank10, rank11
todo メモ
facebook 対応
ページ処理
RSS feed
検索機能
認証いる?
更新日表示
実はカテゴリ機能
多言語
実はユーザ機能
ソースその内公開
動作環境メモ
php-5.1.6 with PDO
SQLite-3.3
IE6
FireFox-1.5
RSS
非認証

検索
Google