javascript - 在asp.net页面上制作覆盖/浅色背景100％高度

Question

我正在处理一个 asp.net 页面，它有一个显示为覆盖（弹出）的 div。div的html是这样的：

<div class="darkenBg" id="popupBackground" style="display:none;"></div>

CSS在哪里：

.darkenBg {background: url(/images/blackBg.png); position:absolute; z-index:30; width:100%; height:100%; bottom:0px;} /*added this div after body*/

但弹出窗口似乎没有达到全高度。它转到页面的中间。我怎样才能让它整页高度。宽度没问题。

请建议

Answer 1

尝试通过使用强制它占用所有空间

.darkenBg { 
   background: url(/images/blackBg.png); 
   position: absolute; 
   top: 0; 
   bottom: 0; 
   left: 0; 
   right: 0; 
   z-index: 30;
}

最好在其中包含另一个<div>元素，用于弹出窗口的内容。