UpdateProgress 涵盖更新面板答案

【问题标题】：UpdateProgress Covers Update PanelUpdateProgress 涵盖更新面板
【发布时间】：2010-09-21 07:43:02
【问题描述】：

有没有办法让更新进度完全覆盖更新面板？

(Asp.net .net 4)

【问题讨论】：

标签： c# asp.net updatepanel updateprogress

【解决方案1】：

<asp:updateprogress associatedupdatepanelid="UpdatePanel3" 
    id="updateProgress" runat="server">
    <progresstemplate>
        <div id="progressBackgroundFilter"></div>
        <div id="processMessage"> Loading...<br /><br />
             <img alt="Loading" src="images/ajax-loader.gif" />
        </div>
    </progresstemplate>
</asp:updateprogress> 

#progressBackgroundFilter {
position:fixed; 
top:0px; 
bottom:0px; 
left:0px;
right:0px;
overflow:hidden; 
padding:0; 
margin:0; 
background-color:#000; 
filter:alpha(opacity=50); 
opacity:0.5; 
z-index:1000; 
}
#processMessage { 
position:fixed; 
top:30%; 
left:43%;
padding:10px; 
width:14%; 
z-index:1001; 
background-color:#fff;
border:solid 1px #000;

【讨论】：

如果您想完全覆盖页面，此代码很有用，但它不能解决 OP 的特定问题。

【解决方案2】：

我一直在使用 FlanAjaxControls 仅覆盖 UpdatePanel。

【讨论】：