IE6でCSS SpriteするがJavaScriptが動的故に罠にはまる
JavaScriptを使い、ページで同じ画像を何度も呼び出す処理を作成。
イメージオブジェクトから毎回呼び出すのも何なのでCSS Spriteを使い高速化しようと考えた。
最初に以下サイトで画像をZIP圧縮してアップすると一枚絵に仕上がる。
http://spritegen.website-performance.org/
自動生成された一枚絵とタグからサクサクっと作成完了。
しかし。。IE6でページを閲覧し、アクセスログを見ると一枚絵が何度も何度もGETパラメーターからコールされるじゃないかっっ!?
IEさん画像を使い回してください orz
そんなときのおまじないがこれです!!
背景画像をキャッシュに入れてくれるIE独自タグのようです。
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}