ポップアップが表示されたときにCSSを使用して背景を無効にする

Question

ポップアップが表示されたときに、以下のCSSコードを使用してページ全体をブロックしています。しかし、それは働いています（目に見えるページはすべてではなく）。スクロールバーを持つページがブロッカーで覆われていないページの残りの部分を意味する場合、私は問題があります。

.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

使用この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;} 

このHTML

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