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. (Используйте его также с вашим диалоговом div.)

absolute позиции на странице, fixed позиции на основе окна.

Answer 2

Возможно, вам стоит попробовать jquery modal dialogs. Вместо того, чтобы создавать свой собственный процесс. Это даст вам полупрозрачный фон и передний план диалога.