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

Question

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

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

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

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

Answer 1

要防止出现白色主体背景:

html, body {
    height: 100%;
}

#main {
    height: 100%;
}

要使 height: 100% 对 #main 产生影响，其父级也需要有此设置(及其父级等)，或固定高度。

您可以考虑将背景移动到body。