带滚动条的页面上的CSS覆盖

Question

我已经为我的页面制作了叠加层，但它有一个问题，当你向下滚动页面时，通过滚动滚动条可以看到它没有叠加。是否有可能阻止这种情况？

请参阅此处的示例，向下滚动查看问题所在。

http://jsfiddle.net/qXwTY/

Answer 1

设置.overlay { ... position:fixed;

您可以阅读本文以了解更多css定位：{{3p>

Answer 2

在叠加div上：

position: fixed;

而不是绝对：）

Answer 3

旧浏览器特别是IE 7不支持

position: fixed。但是你可以通过jQuery做到这一点：

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