給覆蓋div整個頁面的高度，而不僅僅是100％的屏幕視口

Question

我正在製作一個單頁樣式的網站，因此每個部分都設置爲100％的高度。

問題是，我在某些點使用重疊，我希望重疊覆蓋整個網站的高度。不僅僅是100％的視口高度，還有整個站點的高度。

繼承人基本小提琴顯示：

http://jsfiddle.net/5KFVx/1/

而且從小提琴一些備份代碼：

<div id="overlay"></div> 
<div id="onepagediv"></div> 
<div id="onepagediv"></div> 
<div id="onepagediv"></div> 

body, html { 
height: 100%; 
width: 100%; 
padding: 0; margin: 0; 
} 

#onepagediv { 
height: 100%; 
width: 100%; 
background-color: #f00; 
} 

#overlay { 
background-color: #000; 
position: absolute; 
height: 100%; 
width: 100%; 
opacity: 0.6; 
} 

Answer 1

嘗試使用：

$('#overlay').height($(document).height()); 

它設置的高度您的div到文檔的高度。

我也更新了你的小提琴，讓你可以看到它的行動。