asp.net - 如何使我的 Modal Popup Extender 成为模态？ (禁用背景)

Question

我在我的 asp.net 应用程序中添加了一个简单的 ajax 模式弹出扩展器。

它显示和运行正常，但与 ajax 工具包网站上的示例不同，它不会禁用/调暗页面的其余部分。我需要做什么才能达到这种效果？

 <asp:Button ID="btnSaveAndClose" runat="server" Text="Save" 
                onclick="btnSaveAndClose_Click"/>

                <cc1:ModalPopupExtender 
                BackgroundCssClass="modalBackground" 
                DropShadow="true" 
                OkControlID="btnOk" 
                CancelControlID="btnOk" 
                runat="server" 
                PopupControlID="pnlClientSaved" 
                id="ModalPopupExtender1" 
                TargetControlID="btnSaveAndClose"
                 /> 

<asp:Panel ID="pnlClientSaved" runat="server" CssClass="modalPopup" style="display:none;" Width="300px" Height="200px"> 
Client Saved!
<br /><br /> 
<asp:Button ID="btnOk" runat="server" Text="Ok" /> 
</asp:Panel> 

Answer 1

您应该在“modalBackground”css 类中编写适当的样式。您的代码中已经设置了适当的属性:

BackgroundCssClass="modalBackground" 

这是来自 example page 的此类列表:

.modalBackground 
{
    background-color:Gray;
    opacity:0.7;
}