灰色透明不可点击后屏

Question

我正在尝试在原始 html 页面之上创建一个灰色透明背景屏幕。到目前为止，我所做的是将一个 div （使用 jquery）附加到具有以下 css 样式的 body 标记：

.spesificPropertiesDiv {
position: absolute;
display: block;
top: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.5;
z-index: 6000;
text-align: center;
}

正如我之前提到的，我将一个包含此类的 div 添加到主体中。当我将其附加到大屏幕（24 英寸）上时，每个效果都很好，但是当我将其附加到 16 英寸显示屏上时，灰屏 div 的高度比主体高度小 100 px。我需要提到的另一件事是，在大屏幕上，页面适合屏幕，而在较小的屏幕上，会出现滚动条，使页面的下侧可见。
为什么会发生这种情况？我该如何修复它？谢谢！

Answer 1

我已将其更改为：

.spesificPropertiesDiv{
    display: block;
    position: fixed; 
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 6000;
    text-align: center;
}

它有效！谢谢大家的帮助