CSSロールオーバー処理を施した背景画像がIE6でちらつく件

CSSナビゲーションメニューなど。IE6限定のバグ。マウスカーソル(ポインタ)をメニューに重ねると、背景が切り替わる一瞬にマウスカーソルが「処理中」状態の砂時計マークになる。

<%image(cms/20070812-bgic.png|273|61|)%>

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

上記で解決できます。

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

IE6だけに認識させるようにハック書きをしたい場合は上記のように。どのみちIE6しか解釈できないはずだけど。

この「expression」というのは「ダイナミックプロパティ」というもので、CSS中でJavaScriptを記述できるIE6限定の裏技のようなものらしい。

http://useyan.x0.com/s/html/expression/
上記サイトが詳しいみたい。