2014年6月25日水曜日

IE6 でロールオーバーがちらつく問題



CSSの background-image の position を変化させて


ロールオーバーを実装したときに、画像が表示されるたびに


ちらちらと画像が消えては表示される、ちらつきがでる場合があります。


background-position を変更するたびに画像を再読み込みしているのが


原因らしいです。また、この現象は、IE6特有で他では起こらないとのことです。


対処法としては、


CSSのみで対処する場合



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


Javascriptで対処する場合



try {
document.execCommand(”BackgroundImageCache”, false, true);
} catch(e) { }


expression はもっぱら処理が遅いとのことなので


Javascriptで対処するほうが良いのかな。





0 件のコメント: