Html 弹出式背景覆盖未延伸至页面底部

大家早上好

我创建了一个弹出窗口，它有一个不透明度为0.9的白色覆盖层。问题是，当用户在弹出窗口打开时滚动浏览器时，覆盖停止在屏幕的底部，它不会延伸到身体的底部

这就是我所拥有的：

<div id="popup">
    <div class="popupdiv">
        <a class="popup" href="URL" target="_blank"></a>
        <a class="close" href="#"></a>
    </div>
</div>

<script>
    jQuery( ".close" ).click(function() {
        jQuery( "#popup" ).hide();
    });
</script>

您可能需要为覆盖设置位置：已修复

---

“位置固定”将此对象的原点设置为浏览器的左上角，并在滚动时保持固定。此行为类似于背景附件：已修复。

这不提供问题的答案。要评论或要求作者澄清，请在他们的帖子下方留下评论-你可以随时对自己的帖子发表评论，一旦你有足够的评论，你就可以发表评论。你能详细说明一下，为什么这会解决问题吗？你可以用提供的提琴来测试它。@Alien先生是的，有一次：我试图事先对这个问题留下评论。

#popup {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    z-index: 500;
}

.popupdiv {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 400px;
    width: 833px;
    margin-top: -200px;
    margin-left: -416px;
    background: url(imageurl);
    z-index: 510;
}

.popup {
    display: block; 
    height: 400px;
    width: 833px;
}

.popupdiv .close {
    display: block;
    height: 18px; 
    width: 18px;
    position: relative; 
    top: -380px; 
    left: 800px; 
    background-image: url(imageurl); 
    z-index: 550;
}