为什么当我的页面需要垂直滚动条时，背景在第一个'页面'后停止？

我试着用jquery淡入淡出我身体的背景。发现这是不可能的（对吧？）我把背景图像移动到一个div，所以我可以淡出这一点。为什么当我的页面需要垂直滚动条时，背景在第一个'页面'后停止？

<body> 
<div id="background"> 
</div> ...

Sinde我不希望我的内容褪色，我一直单独（不含），并掌掴“的位置是：绝对”就可以了。当我的页面没有垂直滚动条时，它工作正常。这是这是在“背景”的div的CSS：

#background { 
position:absolute; 
height:100%; 
width:100%; 
background-image:url('bin/achtergrond.png'); 
background-position:center bottom; 
z-index:-1; 
}

所以，问题是，当我按Ctrl +缩放或使窗口小或查看它在小屏幕上，我的背景不滚动后继续。我明白为什么会发生这种情况（因为位置：绝对不会让它与内容互动，并且它不知道它有多高，但我不知道如何解决它。可以用它在这里玩：http://demensentuin.be/indexgeheim.php

按Ctrl +滚动放大，向下滚动：背景失败:(

感谢

来源

2011-02-01 joon

而不是设置的高度和宽度，设定坐标，有固定的位置

#background { 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
}

这应该允许它在内容滚动时保持原位，它也会一直覆盖整个视口。

来源

2011-02-01 04:28:53 coreyward

谢谢，这解决了大部分问题。但要完成，如果我希望图像也向下滚动，该怎么办？ – joon 2011-02-01 04:34:10

为什么当我的页面需要垂直滚动条时，背景在第一个'页面'后停止？

回答

相关问题