pop-up görüntülendiğinde css kullanarak arka planı devre dışı bırakma

Question

Pop-up görüntülendiğinde sayfanın tamamını engellemek için aşağıdaki css kodunu kullanıyorum. Ama çalışıyor (Görünür sayfa sadece hepsini içermiyor). Sayfamın kaydırma çubuğuna sahip olması sayfanın kalan kısmının engelleyici tarafından karşılanmadığı anlamına gelirse bir sorunum var.

.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

kullanımı bu 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;} 

ve

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