我需要在所有页面内容的背景中使用一张图片 (01.jpg)，并且该图片不应滚动，而所有内容都应在背景上滚动。
这是我的尝试，但出了点问题，它不起作用。向下滚动一个白色区域显示为背景 (00.jpg)，可能是因为 wrap div 高于 body。
此处的最佳做法是什么？
<body>
<div id="wrap">
...
</div>
</body>
CSS
html{
background-image:url(backs/00.jpg);
height:100%;
}
body{
max-width:1920px;
height:100%;
background-image: url("imgtop/01.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position:center;
background-attachment: fixed;
}
最佳答案
这里的问题是 height: 100% 部分。它给元素一个恒定的、有限的高度:视口(viewport)的高度，而不是整个文档的高度。 (高度属性的计算是从最顶层元素向下进行的，所以不要指望低层元素的变化会影响上层元素的高度百分比。)
据我所知，没有这些对我来说效果很好。如果这不起作用，请尝试将它们更改为 min-height。
关于html - 整个页面内容的一个不可滚动的背景图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34140874/