我想从顶部打开10 px以下的Modal弹出窗口 [英] I want to open Modal popup 10 px below from top

问题描述

我想从顶部打开ajax Modal popup 10 px.My modalpopup显示在页面中间。我的css和代码是......

I want to open ajax Modal popup 10 px below from top.My modalpopup is showing in middle of page.My css and code is...

<asp:ModalPopupExtender ID="ModalPopupExtender4" runat="server" TargetControlID="btnshowpopup3" PopupControlID="Pnlpop3"

CancelControlID="ImageButton5" BackgroundCssClass="modalBackground">
</asp:ModalPopupExtender>
<asp:Panel ID="Pnlpop3" runat="server" CssClass="pnl" BackColor="White" style="margin-top:10px; width:80%; left:500px; display:block;" >
 <table width="100%" cellpadding="0" ><tr><td align="right" valign="top">
  <asp:ImageButton ID="ImageButton5" ImageUrl="~/images/Cross.png" Text="Client History" runat="server"  Width="25px" Height="25px" /></td></tr></table>

.modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
padding:6px;
z-index: 10000;
border:Solid 3px #D55500;

}
.pnl
{
 border:Solid 3px #D55500;
  margin-left:5px;
  margin-top:10px;
}

推荐答案

试试这个：

Try this:

.modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10000;

}

和你的面板

and your panel

<asp:panel id="Panel1" runat="server" backcolor="#FAFAFA" height="400px" width="550px" style="display:none; margin-top:10px;" xmlns:asp="#unknown"></asp:panel>

.pnl
{
  top : 10px
}

这篇关于我想从顶部打开10 px以下的Modal弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！