2012-01-16 6 views
1

HTMLページに背景画像があります。左側のナビゲーションメニューは、ホバー上を展開して要素を表示します。メニューには透明な背景があります。浮動小数点divのサイズ変更時の奇妙な背景クリッピング動作

メニューが大きくなると、背景イメージがクリップされ、メニューの後ろのページに移動します。これにそれを削減

http://jsfiddle.net/GgXXh/

は、私は理解していない正常な動作をクリッピング背景か、それともこれはブラウザのバグ(Firefoxの9)ですか?

本体がoverflow-y: scroll、メニューがfloat: leftに設定されている必要があります。

答えて

1

FFバグのようです。 FF 7も再生します。 体にoverflow-y: scrollも含まずに再現します。

Chromeでうまくいきます。

background-positiontop centerに修正クリッピングを変更し、背景を下に移動:

http://jsfiddle.net/GgXXh/8/

関連する問題