CSS：陰影覆蓋

Question

我想在對話框後面添加陰影覆蓋。我遇到了一個我不知道如何解決的問題。

這是我的代碼：jsfiddle

有帶班shadowDialog股利。

.shadowDialog { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #000; 
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    z-index: 665; 
    //display: none; 
} 

它應該覆蓋整個空間。但是，它僅包含我打開對話框時可以看到的空間，而不包括我可以滾動到的其他空間（在下方）。

Answer 1

嘗試使用position: fixed來代替。