在asp.net页面上制作叠加/浅色背景100％高度

Question

我正在使用asp.net页面，它有一个div，显示为overlay（弹出窗口）。 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>元素，用于弹出窗口的内容。