在 ASP.NET 中使用 CSS/Javascript 弹出 window

Question

 <ContentTemplate>
    <asp:HyperLink ID="link" runat="server"></asp:HyperLink><asp:MultiView ID="MultiViewSearchState" runat="server" ActiveViewIndex="0">
        <asp:View ID="ViewCommands" runat="server">&nbsp;<asp:Button ID="btn" runat="server" Text="Select" OnClick="btn_Click" />&nbsp;<asp:Button ID="ButtonClear" runat="server" Text="Clear" OnClick="ButtonClear_Click" />
        </asp:View>
        <asp:View ID="ViewSearch" runat="server">
            <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" OnClick="ButtonCancel_Click" />
            <dyncontrols:SearchControl runat="server" ID="searchControl"/>
        </asp:View>
    </asp:MultiView>
</ContentTemplate>

当按下 ViewCommands 中的按钮时，视图设置为 ViewSearch。 但是，这是通过内联 html 完成的，我希望它是一个弹出窗口。 仅使用 css 和/或 javascript 来实现此目的的最佳方法是什么？

我已经阅读了这个和这个，但我还不足以理解如何在 ASP.NET 中使用 Views 来做到这一点。 我也看到正在使用 ModalPopupExtenders，但由于一些 UpdatePanel，这些在此页面上不起作用，所以我想我会做一个 css/js 解决方案。

Answer 1

您需要在要设置样式的元素上设置 CssClass，然后只需按照您提供的链接建议设置 styles。 或者，如果您使用的是 .NET 4，您可以设置“ClientID”。 CSS 可能类似于：

.button
{
    position: absolute;
    padding: 20px 40px;
    background: #fff;
    border: 2px solid #ccc;
}

Answer 2

好吧，这是 jQuery 和 CSS 中的弹出示例： http://www.kompeller.co.uk/6266540/