html - 无论位置如何，都使 DIV 全屏显示

Question

有什么方法可以使 DIV 全屏显示，而不管它在 HTML 页面中的位置如何？ 在某些页面中，我想要一个 DIV 覆盖它后面的所有内容，但是如果 body 只是屏幕的一半，我的 DIV 也会变成半屏而不是全屏。

我使用这个 CSS:

.MainOverlayDIV{
width:100%;
height:100%;
z-index:90;
position:fixed;
top:0%;
left:0%;
background-color:#F1F2F3;
opacity:0.9;
display:none;

}

Answer 1

.MainOverlayDIV{    
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 100500;
}