如何在整个网站上显示背景图像

Question

想要在整个网站后面显示200 * 200背景。我在div中有一个#sidebar，div和另一个#main，body。我希望仅在#main上显示背景。这是我为实现这个目的而编写的CSS：

#main{
    background-image:url('images/bg02.png');
}

它有效，但当你到达底部时，没有内容，你可以看到默认的白色背景。要查看此信息，请参阅我的测试网站here，在搜索栏中输入随机字母，并注意现在看到白色背景，因为#main中没有内容。

即使没有内容，如何使背景溢出以使其仍然可见？

Answer 1

防止出现白色身体背景：

html, body {
    height: 100%;
}

#main {
    height: 100%;
}

对于高度：100％对#main产生影响，其父级也需要具有此设置（及其父级等）或固定高度。

您可以考虑将背景移至body。

Answer 2

您应该明确设置要用背景填充的元素的高度。

尝试添加到下面的css代码

html,
body,
#main {
  height: 100%;
  }