html - 出现弹出窗口时使用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: absolute;
    z-index: 999;}

和这个 html

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