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 回答