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

时间:2013-04-25 20:58:16

标签: asp.net vb.net panel visible

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

现在我想让面板可见而不可见而不会打扰下面文本框的位置。就像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顺序样式

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

1 个答案:

答案 0 :(得分:5)

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

例如:

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