页面背景图片不会延伸到页脚

Question

所以我正在构建我的网站。我添加了我的横幅，我的页脚，但我的背景变得混乱了。它没有延伸，有一些空白空间。

This is what happens:

如果我使用背景大小：100％，我的背景会消失。当我使用background-size时，同样的事情：cover;。

HTML：

<div class="content">
</div>
<div class="footer">
</div>

CSS：

.content {
min-height: 690px;   
background: url("background.png")
background-size: 100%;
}

.footer {
min-height: 200px;
background: url("footer.png");
background-repeat: repeat-x;
}

Answer 1

而不是background-size：100％，请尝试使用background-size：cover。封面将拉伸图像以始终完全填充其容器，裁剪任何多余的。

Answer 2

＆＃13;

＆＃13;

.content {
min-height: 690px;   
background: url("background.png");
background-size: 100% 100%;
}

.footer {
min-height: 200px;
background: url("footer.png");
background-repeat: repeat-x;
}

＆＃13;

<div class="content">
</div>
<div class="footer">
</div>

＆＃13;

＆＃13;

＆＃13;

;之后您错过了background: url("background.png")。

试试这段代码。

希望这有帮助。