在所有页面内容上制作背景图像？

Question

在我的网站上，我陷入两难境地。 (This website)。在主页上，背景遍布整个页面（这就是我想要的），而不是在联系页面上。我用它来透明：

#siteWrapper{
  background-color: rgba(0,0,0,0)
}

然而，这只会变黑？在页面的标题上，有图像但不在身体的背景上？我可以反过来这样做，所以身体有一个图像，标题不是（像这样）：

#siteWrapper{
  background-image: url("http://static.squarespace.com/static/545d45afe4b08eea0ac65e7a/t/54612b8ae4b0ca233d43bdee/141565    4282657/Website%20Background%20Trees.png");
  background-repeat: no-repeat;
  background-size: 100%;
}    

但是我想它，所以图像覆盖了所有页面（标题和正文背景） - 谢谢

ADDITION

我尝试使用background-size: cover;，但只覆盖页脚而不是标题（以及图像拉伸）。

Answer 1

您可以将背景图片放在body元素上，然后设置background-size:100%，并将其作为背景图片从其所在的其他元素中删除。这将适用于整个网站的所有页面。

Answer 2

您的页脚中似乎没有任何内容，因此您可以一起摆脱页脚，使图像占据上述代码的100％网页。