使用javascript显示/隐藏DIV失败-对话框已锁定

我有这个ASPX：

<div id="IsAccountingOk" class="modalDialog">
    <div>
        <a href="#close" title="Luk" class="close">X</a><br />
        <asp:Label ID="lblIsAccountingOkHeader" runat="server" Text="Kassekladde:" Font-Size="Large"></asp:Label><br /><br />
        <asp:Label ID="lblMessage" runat="server" Text="Der skal først vælges regnskabsår!"></asp:Label><br />
        <br />
        <asp:Button ID="btnIsAccountingOK" runat="server" Text="Ok" OnClick="btnIsAccountingOK_Click"/>
    </div>
</div>

我的意图是将DIV显示为一个对话框，但是对话框被完全锁定，我无法访问其中的元素和closebutton。此外，是否可以在后台访问其他控件-不应访问这些控件

我想我必须处理“指针事件”选择器，但我不知道如何处理：-(

提前谢谢

你好，迈克尔

---

（我已根据不透明度样式选择器更新了中的CSS。）

如果设置了元素的错误样式属性，则应设置

不透明度来显示元素：


$（文档）.ready（函数（）{
document.getElementById（'IsAccountingOk'）。style.opacity=1；
})；
.modalDialog{
位置：固定；
字体系列：Arial、Helvetica、无衬线字体；
排名：0；
右：0；
底部：0；
左：0；
背景：rgba（0,0,0,0.8）；
z指数：99999；
不透明度：0；
-webkit过渡：不透明度400ms缓进；
-moz过渡：不透明度400ms缓进；
过渡：不透明度400ms缓进；1
指针事件：无；
}
.modalDialog：目标{
不透明度：1；
指针事件：自动；
}
.modalDialog>div{
宽度：400px；
位置：相对位置；
利润率：10%自动；
填充：5px20px 13px 20px；
边界半径：10px；
背景：#fff；
背景：-moz线性梯度（#fff，#999）；
背景：-webkit线性梯度（#fff，#999）；
背景：-o-线性梯度（#fff，#999）；
}
.结束{
背景:#606061；
--颜色：#FFFFFF；
线高：25px；
位置：绝对位置；
右：-12px；
文本对齐：居中；
顶部：-10px；
宽度：24px；
文字装饰：无；
字体大小：粗体；
-webkit边界半径：12px；
-moz边界半径：12px；
边界半径：12px；
-莫兹盒阴影：1px 1px 3px#000；
-网络工具包盒阴影：1px 1px 3px#000；
盒影：1px 1px 3px#000；
}
.关闭：悬停{
背景：#00d9ff；
}










您可以在jQuery中使用隐藏或显示函数。
或者，如果要设置动画，请使用淡出（隐藏）或淡出（显示）

首先，必须隐藏元素。因此：

隐藏元素的示例：

$('#exampleID').hide();

$('#exampleID').show();

或

如果要显示元素，请使用以下选项：

显示元素的示例：

$('#exampleID').hide();

$('#exampleID').show();

或

注意：使用jQuery 3xx。将元素的ID替换为exampleID。
@MichaelEriksen，查看您的CSS，您似乎已将
不透明度
属性设置为不
显示
，请检查更新的答案：）谢谢您的回复。我会看一看，但在此期间，我可以看到，我不能得到客户ID。因此，我认为我必须先看看这个问题。@MichaelEriksen，起初我认为元素的id是由ASP创建的，但事实并非如此，您必须仅对服务器生成的控件（如
lblIsAccountingOkHeader
）使用
ClientID
，
lblMessage
和
btnIsAccountingOK
。感谢您的回答。我现在有了一个对话框，它将与不透明选择器一起显示。但是对话框被锁定，背景被解锁！有没有办法解决这个问题？
$('#exampleID').fadeIn();