Question

我想将div宽度设置为1309像素宽，背景图像应该填满整个宽度。到目前为止，我已经尝试过这个：

div{
    min-width: 1309px;
    margin: 0 auto;
    border: 1px solid red;
    height: 300px;
    background: url("image-path") no-repeat -53px -9px;
    background-size: 109% 109%;
}

但是当我调整窗口的大小时，它隐藏了背景，但是我想将div宽度实现为1309px宽，无论我们调整窗口大小，它都不应该减少但是就我使用background-size而言div宽度不是现在调整大小时为1309像素（即如果我们调整窗口大小，它应该有水平滚动条，宽度为1309像素）。

没有背景宽度。那么，我该如何实现？

demo

修改

我需要设置背景位置，以便背景图像保持在我想要的位置。

Answer 1

您可以使用background-size: cover demo：http://jsfiddle.net/2XATE/2/

div{
    min-width: 1309px;
    margin: 0 auto;
    border: 1px solid red;
    height: 300px;
    background: url("https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSw1qcO7NWH8LFMPPTvOwK7eK9GjRU9wNY8TZu2SWtjxKyMAXaMKF0gGRA") no-repeat -53px -9px;
background-size: cover;
}

Answer 2

div{
    min-width: 1309px;
    margin: 0 auto;
    border: 1px solid red;
    height: 300px;
    background: url("https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSw1qcO7NWH8LFMPPTvOwK7eK9GjRU9wNY8TZu2SWtjxKyMAXaMKF0gGRA") no-repeat -53px -9px;
    background-size: 109% 109%;
}

除此之外，你的代码工作正常，我在调整窗口大小时会看到滚动条。

DEMO

div格式的背景图片

2 个答案: