0

我正在尝试在原始 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 像素。我需要提到的另一件事是，在大屏幕上，页面适合屏幕，而在较小的屏幕上，会出现滚动条以使页面的下侧可见。
为什么会发生这种情况？我该如何解决？谢谢！

4

2 回答 2

5

我已将其更改为：

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

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

于 2012-10-12T09:30:18.763 回答
1

你能试试：

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

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

<body>
    <div class="spesificPropertiesDiv"></div>
</body>
于 2012-10-12T09:01:01.267 回答