css - div弹出时CSS禁用背景

Question

这就是我正在做的...

.parentDisable {
            z-index:999;
            width:100%;
            height:100%;
            display:none;
            position:absolute;
            top:0;
            left:0;
            background-color: #ccc;
            color: #aaa;
            opacity: .4;
            filter: alpha(opacity=50);
}
#board_dialog
{
           position:absolute;top:3%;left:30%;width:30%;height:210px;display:none;background-color:#ffffff;border:2px solid;
}

HTML：

<div id="board_dialog" title="Do Not Board Comment" class="parentDisable hide">
    <div class="popuphdr1">
        <div>  Do Not Board Comment</div>   
        <img class="popupclose" src="../lib/img/png/closebutton.png" onclick="$(this).parent().parent().hide()"/>   
    </div>
    <div> 
        <textarea id="board_textarea" class="popuptextarea"></textarea><br />
        <div class="popupfooter">
            <input onclick="toggleBoard();" type="button" id = "board_ok_btn" value="Ok" class="popupButton blue"/> 
            <input onclick="$(this).parent().parent().parent().hide()" type="button" id = "board_cancel_btn" value="Cancel" class="popupButton blue"/>
        </div>
    </div>
</div>

这导致显示“禁用弹出”和活动背景。我究竟做错了什么？

Answer 1

我真的不知道你在找什么，但你的主 div (board_dialog) 有风格display:none;，所以无论你做什么，你都不会得到任何东西。