Hintergrund mit CSS deaktivieren, wenn Popup angezeigt wird

Question

Ich benutze den unten css-Code, um die gesamte Seite zu blockieren, wenn das Popup erschien. Aber es funktioniert (die sichtbare Seite deckt nur nicht alle ab). Ich habe ein Problem, wenn meine Seite eine Bildlaufleiste hat, die den Rest der Seite bedeutet, die nicht vom Blocker abgedeckt wird.

.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

Verwendung dieses 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;} 

und diesen html

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