ダイアログ ボックスの後ろにシャドウ オーバーレイを追加しようとしています。修正方法がよくわからない問題に遭遇しました。
これは私が持っているコードです: jsfiddle
クラスshadowDialogを持つdivがあります。
.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;
}
スペース全体をカバーする必要があります。ただし、ダイアログを開いたときに表示されるスペースのみをカバーし、スクロールできる残りのスペースはカバーしません (下側)。