2012-01-16 35 views
1

HTML頁面有一個背景圖像。左導航菜單展開懸停以揭示元素。菜單具有透明背景。當浮動div調整大小時奇怪的背景剪切行爲

當菜單增長時,剪輯背景圖像並將其沿菜單後面的頁面向下移動。

它減少到這一點:http://jsfiddle.net/GgXXh/

的背景是預期的限幅行爲,我不明白,還是這是一個瀏覽器錯誤(火狐9)?

它似乎需要設置身體overflow-y: scroll和菜單float: left觸發。

回答

1

真的看起來像FF bug。也用FF 7再現。 在身體上也沒有overflow-y: scroll的再現。

在Chrome上運行良好。

background-position改變到top center修復剪輯和所述背景向下移動:

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