使用覆蓋禁用整個頁面

我想創建一個疊加層，我將在彈出窗口後使用。但是當頁面向下滾動時，覆蓋層不再存在？我可以使用JavaScript來獲取頁面內容的高度，然後可以將相同的高度應用於疊加，但是有沒有任何基於CSS的解決方案？使用覆蓋禁用整個頁面

#overlay{ 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    background-color:#000; 
    opacity: .75 
}

來源

2012-06-08 user1444021

你的意思是禁用。 –

是的，@HackedByChinese爲我糾正它。多謝你們。 – user1444021

[覆蓋覆蓋整個頁面]的可能的副本（http://stackoverflow.com/questions/10937100/overlay-covering-whole-page） –

只是將position屬性更改爲fixed。

來源

2012-06-08 08:16:27

不適用於IE 6！ –

該死的IE6。這似乎是最好的解決方案。謝謝@ Tooraj。 – user1444021

@ user1444021不要忘記'z-index' –

position必須fixed，同時防止堆放問題補充z-index: 9999999;
demo on dabblet.com

#overlay{ 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background-color:#000; 
    opacity: .75; 
    z-index: 9999999; 
}

來源

2012-06-08 08:17:45

使用覆蓋禁用整個頁面

回答

相關問題