0

有没有办法停止以特定宽度为中心的背景图像？

为了说明问题，减小以下站点的宽度，直到出现滚动条。然后观察背景图像如何保持居中，但是，所有其他元素都保持其位置。

看这里

4

2 回答 2

3

您可以将 min-width 添加到您的#header css

#header { background: #f8f8f8 url("background.jpg") no-repeat center bottom; background-position-y: 160px; min-width:960px;}
于 2012-07-22T10:00:05.680 回答
1

使用媒体查询将某些样式设置为特定宽度并用于background-position停止使图像居中。一个例子：http: //3.jsbin.com/ojemur/4/watch（调整浏览器窗口的大小，如果背景变红，图像不会垂直居中）

有关媒体查询的更多信息：

于 2012-07-22T09:57:24.337 回答