居中的背景以窗口为中心,而不是元素

时间:2012-05-10 17:39:01

标签: css background-image

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

我检查了Chrome中的元素检查器(水平滚动条也很明显),min-width属性有效;背景不是相应的中心。

我正在运行最新的消费者Chrome。这是一个浏览器错误(确实闻到了我喜欢它)?我怎么能绕过它?

我做了一个小提琴; http://jsfiddle.net/FXyMz/ - 使“结果”窗口的宽度小于250像素,您将看到。

1 个答案:

答案 0 :(得分:1)

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

“根元素的背景成为画布的背景,其背景绘画区域扩展到覆盖整个画布,” in: http://www.w3.org/TR/css3-background/#special-backgrounds

你最好的选择可能是在身体内放置另一层,使其表现出你期望身体表​​现的方式。

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