我已将repeat-y
背景附加到我的body
元素,而其他一切正常,我注意到当窗口宽度小于min-width
body
时1}},背景实际上是以窗口为中心而不是body
元素。
我检查了Chrome中的元素检查器(水平滚动条也很明显),min-width
属性有效;背景不是相应的中心。
我正在运行最新的消费者Chrome。这是一个浏览器错误(确实闻到了我喜欢它)?我怎么能绕过它?
我做了一个小提琴; http://jsfiddle.net/FXyMz/ - 使“结果”窗口的宽度小于250像素,您将看到。
答案 0 :(得分:1)
body元素是一种特殊情况,并且不会按照您希望的方式工作。
“根元素的背景成为画布的背景,其背景绘画区域扩展到覆盖整个画布,” in: http://www.w3.org/TR/css3-background/#special-backgrounds
你最好的选择可能是在身体内放置另一层,使其表现出你期望身体表现的方式。
这:http://jsfiddle.net/7mVNL/1/是部分解决方案。您将看到包装器不会像我期望的那样一直涂到视口的底部。