html - 灰色透明不可点击后屏

Question

我正在尝试在我的原始 html 页面之上创建一个灰色透明背景屏幕。 到目前为止，我所做的是使用此 css 样式将一个 div(使用 jquery)附加到 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 像素。 我需要提及的另一件事是，在大屏幕上，页面适合屏幕，而在小屏幕上，滚动条出现，使页面的下侧可见。
为什么会发生这种情况？我该如何解决？ 谢谢!

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;
}

而且有效!!!! 谢谢大家的帮助