asp.net - 在 asp.net 中使面板可见或不可见

Question

我的页面上有一个按钮。我的页面上有一个面板。我的页面上还有一个多行文本框。

现在我想在不影响下方文本框位置的情况下使面板可见和不可见。就像 facebook 上的通知面板。

这是使面板可见/不可见的代码:

Protected Sub btnReauests_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles btnReauests.Click

    If pnlShowRequests.Visible = True Then
        pnlShowRequests.Visible = False
    Else
        pnlShowRequests.Visible = True
    End If
End Sub

我也试过像这样设置面板的 z-order 样式

<asp:Panel ID="pnlShowRequests" runat="server" style =" z-index : 1; position : relative; top: 0px; left: 255px; width: 206px; height: 200px;" Visible="False">
            </asp:Panel>

Answer 1

您必须将面板包裹在它自己的 div 中并设置高度。这样当你让它不可见时，它不会影响它周围元素的位置。

例如:

<div style="height: 100px;">
<asp:panel></asp:panel>
</div>
<asp:textbox runat="server"></asp:textbox>