居中的背景居中窗口，而不是元素

Question

我附加了一個repeat-y背景到我的body元素，而其他一切工作正常，我注意到當窗口寬度小於body的min-width，背景是事實上以窗口爲中心而不是body元素。

我從Chrome中的元素檢查器中檢查（並且從水平滾動條也很明顯）min-width屬性起作用;背景只是不相應居中。

我正在運行最新的消費Chrome。這是一個瀏覽器錯誤（當然，我喜歡它）？我怎樣才能繞過它？

我做了一個小提琴; http://jsfiddle.net/FXyMz/ —使結果窗口的寬度小於250像素，你會看到。

Answer 1

body元素是一種特殊情況，不會按照您希望的方式工作。

「根元素的背景變成了畫布的背景和它的背景畫區域延伸到覆蓋整個畫布，」
在：http://www.w3.org/TR/css3-background/#special-backgrounds

您最好的選擇可能是放置另一層在身體內表現出你期待身體行爲的方式。

此：http://jsfiddle.net/7mVNL/1/是一個部分解決方案。你會發現，包裝並沒有一直畫到視口的底部，因爲我期待你的願望。