2013-04-25 71 views
2

我的页面上有一个按钮。 我在我的页面上有一个面板。 我的页面上也有一个多行文本框。使面板在asp.net中可见或不可见

现在我想在不干扰下面文本框的位置的情况下使面板可见和不可见。就像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> 

回答

5

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

例如:

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

谢谢,非常完美。 – Vishal 2013-04-25 21:14:30