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

它有效!!!! 谢谢大家的帮助

Answer 2

你可以尝试一下：

.spesificPropertiesDiv {
    position: fixed; *position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

此外，这个div上有任何填充吗？它是<body>代码的直接子代吗？：

<body>
    <div class="spesificPropertiesDiv"></div>
</body>

灰色透明无法遮挡的背面屏幕

2 个答案: