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

Question

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

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

它可以工作，但是当您到达底部时，没有内容的地方，您可以看到默认的白色背景。要查看此内容，请在此处查看我的测试站点，在搜索栏中输入随机字母，并注意现在可以看到白色背景，因为 #main 中没有内容。

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

score 2 · Accepted Answer

为防止出现白色主体背景：

html, body {
    height: 100%;
}

#main {
    height: 100%;
}

对于 height: 100% 对有影响#main，它的父级也需要有这个设置（和它的父级等），或者一个固定的高度。

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

score 1 · Accepted Answer

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

尝试在下面添加到您的 css 代码

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

2 回答 2