background semitransparent div

Question

我想顯示一些對話框（絕對定位div），並且我想在半透明100％div上方顯示它，所以背景上的所有內容都將變暗。 我已經

<div class='transpBox'></div> 

.transparentBox 
{ 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: #white; 
    opacity: 0.9; 
    z-index: 499; 
} 

管理呢？這是所有的權利，但是，當對話框高度比瀏覽器更高度和向下滾動，你會看到透明的股利不以全屏顯示。 做這種事情的正確方法是什麼？

Answer 1

而不是position: absolute，使用position: fixed。 （也可以在對話框中使用它。）

absolute根據頁面的位置，fixed根據窗口的位置。

Answer 2

也許你應該試試jquery modal dialogs。而不是創建自己的過程。這樣做會給你半透明的背景和對話前景。