背景在div的底部之前停止

Question

我的横幅背景有问题，背景在div底部之前停止。结果，底部有一个很大的空白区域。

这是一个快速响应的网站，问题只发生在屏幕尺寸低于1250像素之后（只需调整浏览器大小，您就会看到它）。

我尝试尽可能多地使用firebug调整HTML / CSS（添加clearfixes等），但我尝试过没有任何结果。

它是如何看待完整尺寸以及它应该如何显示：

这是1250px以下的不受欢迎空间的样子：

This is the website.

Answer 1

您的背景图片高度很短，您需要将.slider1课程修改为

.slider1 {
   background: url("../images/banner-background-01.jpg") repeat-x scroll center 100% transparent;
   /* Rest of the styles goes here */
}

此外，正如您所评论的那样，您还可以尝试将background-size属性与y参数一起使用，这意味着垂直尺寸设置为100%

Answer 2

尝试从repeat-x的背景属性中删除.slider1。这应该导致背景图像在x和y中重复，这是默认值。

Answer 3

如果您也发布了一些代码会更有帮助，但解决问题的最快方法可能是添加以下CSS：

.slider1 {
     background-size: 100% 100%;
}