有没有办法停止以特定宽度为中心的背景图像?
为了说明问题,减小以下站点的宽度,直到出现滚动条。然后观察背景图像如何保持居中,但是,所有其他元素都保持其位置。
看这里
您可以将 min-width 添加到您的#header css
#header { background: #f8f8f8 url("background.jpg") no-repeat center bottom; background-position-y: 160px; min-width:960px;}
使用媒体查询将某些样式设置为特定宽度并用于background-position
停止使图像居中。一个例子:http: //3.jsbin.com/ojemur/4/watch(调整浏览器窗口的大小,如果背景变红,图像不会垂直居中)
有关媒体查询的更多信息: