我的页面上有一个按钮。 我的页面上有一个面板。 我的页面上还有一个多行文本框。
现在我想让面板可见而不可见而不会打扰下面文本框的位置。就像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>
答案 0 :(得分:5)
你必须将面板包裹在它自己的div中并设置高度。这样当你使它不可见时,它不会影响它周围元素的位置。
例如:
<div style="height: 100px;">
<asp:panel></asp:panel>
</div>
<asp:textbox runat="server"></asp:textbox>