html - 背景在 div 底部之前停止

Question

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

这是一个响应式网站，只有在屏幕尺寸低于 1250 像素后才会出现此问题(只需调整浏览器大小即可看到)。

我已经尝试在使用 firebug 时尽可能多地调整 HTML/CSS(添加 clearfixes 等)，但我尝试的任何结果都没有。

这是它在全尺寸下的样子，以及它应该的样子:

这是低于 1250 像素且下方有不需要的空间时的样子:

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%