2012-11-08

[Javascript] IE6のhoverで背景画像が1pxあがるバグ

ナビゲーションメニューのマウスーオーバーで
背景画像をbackground-positionで変更させるようなものを作成していて、
IE6で確認するとなぜか画像が上に1ピクセルあがってしまってしまいます。

IE6のこの手のバグはいろいろあるのですが、
今回の場合は、PNGをIE6対応にさせるDD_belatedPNG.jsを使っているのが原因でした!


DD_belatedPNG.jsを使用していて、aタグの高さが奇数になっている場合にのみ
IE6でこの1pxずれる現象が起きるとのこと!!
偶数にすれば問題ないようです。

参考サイト
http://www.gravity-works.jp/gravica/web/css/002989.html

Comment:

Trackback URL: