无论位置如何，都可以使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;
}