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

Question

有没有办法让 DIV 全屏显示，无论它位于 HTML 页面中的什么位置？在某些页面中，我希望 DIV 覆盖其后面的所有内容，但如果正文只是屏幕的一半，我的 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;
}