在我的asp.net页面上,我有一些Update Pannel
。为了避免异步回发的问题,我必须将我的Print Button
放在面板之外,但是我的按钮的所有其他标签和图像仍然在这个面板内,所以我想控制CSS中的页面样式来放置我的{ {1}}旁边的btnPrint
。
这是我的页面布局:
image1
目前,我正在使用此<div id="Toolbar">
<asp:UpdatePanel ID="UpdateToolbar" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Label ID="Label3" runat="server" Text=" Months: "></asp:Label>
<asp:DropDownList ID="ddlMonth" runat="server"></asp:DropDownList>
<asp:Label ID="Label2" runat="server" Text=" Year: "></asp:Label>
<asp:DropDownList ID="ddlYear" runat="server"></asp:DropDownList>
<b id="buttonWrap">>
<asp:Image ID="Image2" runat="server" ImageUrl="Images/DefRefreshBtn.png" Width="15"
Height="20" />
<asp:LinkButton ID="btnRefresh" runat="server" OnClick="btnRefresh_Click1">Refresh</asp:LinkButton>
<asp:Image ID="Image1" runat="server" ImageUrl="Images/DefPrintBtn.png" Width="27"
Height="20" />
</b>
</ContentTemplate>
</asp:UpdatePanel>
<asp:LinkButton ID="btnPrint" runat="server" onclick="btnPrint_Click" CssClass="printBtn">Print</asp:LinkButton>
</div>
:
CssClass="printBtn"
但是这种硬编码可能会导致不同浏览器出现问题。有没有办法在CSS中指定我的按钮就在.printBtn
{
position: relative;
top: -23px;
right: -700px;
font-weight: bold;
}
旁边?
答案 0 :(得分:1)
您需要使用绝对定位。更好的解决方案是将其保留在UpdatePanel中,但使打印按钮执行完整的回发。您可以使用PostBackTrigger
执行此操作以下是如何完整回发的示例 Force certain controls to do a full postback?