如何停止以特定宽度为中心的背景图像

时间:2012-07-22 09:45:09

标签: css

有没有办法停止以特定宽度居中的背景图像?

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

here

2 个答案:

答案 0 :(得分:3)

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

#header { background: #f8f8f8 url("background.jpg") no-repeat center bottom; background-position-y: 160px; min-width:960px;}

答案 1 :(得分:1)

使用媒体查询以特定宽度设置某些样式,并使用background-position停止图像居中。例如:http://3.jsbin.com/ojemur/4/watch(调整浏览器窗口大小,如果背景变红,图像不会垂直居中)

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