使DIV全屏而不管位置

是否有任何方法可以製作DIV全屏，而不管它在HTML頁面中的位置？在一些頁面中，我希望DIV覆蓋它後面的所有內容，但是如果主體只是屏幕的一半，我的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; 

}

來源

2013-03-11 Mbrouwer88

我後來的「取消隱藏」它使用jQuery的時候，我需要它，這就是爲什麼顯示器設置爲none。 – Mbrouwer88 2013-03-11 18:58:21

身體如何能成爲屏幕的一半（我認爲你的意思是'視口'）？ – isherwood 2013-03-11 18:59:25

當你用jquery取消隱藏時，將div的寬度和高度設置爲與$（window）.height（）'和$（window）.width（）'相同。 – 2013-03-11 18:59:55

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

來源

2013-03-11 19:00:48

謝謝，它做到了。 – Mbrouwer88 2013-03-11 19:12:36

使DIV全屏而不管位置

回答

相關問題