これが私がしていることです...
.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>
これにより、「無効なポップアップ」とアクティブな背景が表示されます。私は何を間違っていますか?