css - 包裹 div 未覆盖 body 的 100% 高度

Question

我有一个带有背景图片的#wrapper div。我想让它 100% 覆盖我的页面。

我读过要做到这一点，你必须将 html 和 body 的高度设置为 100%，我的 CSS 设置如下:

HTML, BODY {
  height: 100%;
}

#wrapper {
  height: 100%;
  background-image: url('myimage.png');
}

但是，包装 div 仅占据浏览器上 100% 的可见区域 - 如果您向下滚动，背景图像就会消失。

有人知道如何正确设置或我做错了什么吗？

Answer 1

background-attachment: fixed;

让你的背景忽略滚动。

http://www.w3schools.com/cssref/pr_background-attachment.asp
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_js_background-attachment