css - 需要背景图像以在页脚开始时结束重复

Question

基本上，现在我有多张图片，但只有一张作为我 body 的背景图片(蓝色方 block )，我需要在页脚的开头结束，所以页脚下面是黑色的，但无论如何我所做的似乎没有帮助。

这是一个例子 http://bit.ly/1nKIee1 (在后像上)

我想也许如果我结束 body 标签，然后开始 footer 标签，它就不会这样做，但这似乎没有解决任何问题。

CSS

.nav {
  background-image: url(image/top.png);
  background-repeat: repeat-x;
}

body {
  background-image: url(image/blue.png);
  background-repeat: repeat;
  background-size: contain;
  background-color: #000000;
}

footer {
  background-image: url(image/footer.png);
  background-repeat: repeat-x;
  background-color: #000000;
  font-size: 14px;
  text-decoration: none;
  text-shadow: #000000 1px 1px;
  padding: 45px;
}

提前致谢 - 害羞 ♥

Answer 1

不要将背景属性赋予 body 而不是使用 body 内的 div 直到页脚并将这些属性赋予该 div 例如

HTML :

<nav>......</nav>
<div class="container">......</div>
<footer>.........</footer>

CSS:

.nav {
  background-image: url(image/top.png);
  background-repeat: repeat-x;
}

container {
  background-image: url(image/blue.png);
  background-repeat: repeat;
  background-size: contain;
  background-color: #000000;
}

footer {
  background-image: url(image/footer.png);
  background-repeat: repeat-x;
  background-color: #000000;
  font-size: 14px;
  text-decoration: none;
  text-shadow: #000000 1px 1px;
  padding: 45px;