我尝试使用 jquery 使我 body 的背景淡入淡出。在发现这是不可能的(对吗？)后，我将背景图片移到了一个 div 中，这样我就可以淡出它。
<body>
<div id="background">
</div> ...
Sinde 我不希望我的内容褪色，我将其分开(不包含)并在其上打上“position:absolute”。在没有垂直滚动条的情况下查看我的页面时，它工作正常。这是“背景”div 上的 CSS:
#background {
position:absolute;
height:100%;
width:100%;
background-image:url('bin/achtergrond.png');
background-position:center bottom;
z-index:-1;
}
所以问题是，当我 ctrl+zoom 或缩小窗口或在小屏幕上查看时，我的背景在滚动后不会继续。我理解为什么会发生这种情况(因为 position:absolute 不允许它与内容交互并且它不知道它有多高，但我不知道如何解决它。
你可以在这里玩:http://demensentuin.be/indexgeheim.php
Ctrl+滚动放大，向下滚动:背景失败:(
谢谢!
最佳答案
不是设置高和宽，而是设置坐标，固定位置。
#background {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
当内容在其上滚动时，这应该允许它留在原地，并且它还会始终覆盖整个视口(viewport)。
关于jquery - 当我的页面需要垂直滚动条时，为什么背景在 1st 'page' 后停止？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4858838/