在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>元素，以用于弹出窗口的内容。