帶滾動條的頁面上的CSS疊加

Question

我爲我的頁面做了疊加，但它有一個問題，當您向下滾動頁面時，可以通過滾動滾動條看到它沒有疊加層。無論如何可以防止這種情況嗎？

看到這裏的例子，只需向下滾動，看看有什麼問題。

http://jsfiddle.net/qXwTY/

Answer 1

在覆蓋格：

position: fixed; 

而不是絕對:)

Answer 2

集.overlay { ... position:fixed;

你可以閱讀這篇文章，以瞭解更多的CSS positionning：CSS Positioning 101

Answer 3

position: fixed在舊的瀏覽器特別不支持IE 7，但你可以做到這一點通過jQuery的：

$(document).ready(function(){ 
$(".overlay").css({"height":$(".contents").innerHeight() + 20 + "px"}); 
});