div完全覆蓋頁面

我有一個div，我想完全覆蓋一個頁面。我不希望網頁上顯示任何內容。 div應該覆蓋在頁面上並隱藏所有內容。要創建這樣一個覆蓋我用下面的CSS：div完全覆蓋頁面

.overlay { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    z-index: 1000; 
}

但如果覆蓋是在頁面太長，頁面的某些部分仍然顯示。我怎樣才能讓div完全覆蓋頁面？將位置設置爲固定不起作用，因爲疊加層多頁並且滾動條被折斷。

來源

2016-03-01 Brown PO

您將要用於覆蓋div的CSS就是這樣。

.overlay { 
    position: fixed; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color: black; 
    z-index:1001; 
}

這應該完全覆蓋黑色div的頁面。

來源

2016-03-02 00:00:58

我已經試過這段代碼，它完美地適用於我，無論頁面大小 –

問題是div是多頁多長。並設置位置固定螺絲上滾動條 –

我試着自己的代碼，它工作正常。當你說多個頁面，你的意思是說有一個垂直滾動，因爲我也嘗試過，並且它工作正常。 –

div完全覆蓋頁面

回答

相關問題