0

我已将repeat-y背景附加到我的body元素，虽然其他一切正常，但我注意到当窗口宽度小于 的min-width时body，背景实际上以窗口而不是body元素为中心。

我从 Chrome 中的元素检查器（从水平滚动条也很明显）检查了该min-width属性是否有效；背景只是没有相应地居中。

我正在运行最新的消费者 Chrome。这是一个浏览器错误（我肯定闻起来喜欢它）？我该如何规避它？

我做了一个小提琴；http://jsfiddle.net/FXyMz/ - 使结果窗口的宽度小于 250 像素，你会看到。

4

1 回答 1

1

body 元素是一种特殊情况，不会按照您希望的方式工作。

“根元素的背景成为画布的背景，其背景绘画区域延伸到整个画布，”
在： http ://www.w3.org/TR/css3-background/#special-backgrounds

您最好的选择可能是在身体内放置另一层，以按照您期望身体的行为方式行事。

这： http: //jsfiddle.net/7mVNL/1/是部分解决方案。您会看到包装器并没有像我期望的那样一直绘制到视口的底部。

于 2012-05-10T19:45:21.653 回答