爲什麼當我的頁面需要垂直滾動條時，背景在第一個'頁面'後停止？

我試着用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

爲什麼當我的頁面需要垂直滾動條時，背景在第一個'頁面'後停止？

回答

相關問題