Wyłącz tło za pomocą css, gdy pojawi się wyskakujące okienko.

Question

Korzystam z poniższego kodu css, aby zablokować całą stronę po pojawieniu się wyskakującego okienka. Ale działa (widoczna strona obejmuje tylko nie wszystkie). Mam problem, jeśli moja strona z paskiem przewijania oznacza pozostałą część strony, która nie jest objęta blokerem.

.parentDisable 
     { 
      z-index: 99999; 
      width: 100%; 
      height: 100%; 
      display: none; 
      position: absolute; 
      top: 0%; 
      left: 0%; 
      background-color: #000; 
      color: #aaa; 
      opacity: 0.8; 
      filter: alpha(opacity=100); 
     } 
     #popup 
     { 
      width: 300; 
      height: 300; 
      position: relative; 
      color: #000; 
      top: 25%; 
     } 

Answer 1

użycie tego css

.parentDisable{ 
       position:fixed; 
       top:0; 
       left:0; 
       background:#000; 
       opacity:0.8; 
       z-index:998; 
       height:100%; 
       width:100%;} 
#popup{ 
     position:aboslute; 
     z-index:999;} 

i to html

<div class="parentDisable"></div> 
<div id="popup">My pop up</div>