如何在所有控件之上显示更新进度控件答案

【问题标题】：how to show Update Progress control on top of all control如何在所有控件之上显示更新进度控件
【发布时间】：2015-12-05 06:50:04
【问题描述】：

我使用引导控制。我设置进度条样式z-index : 100000;。但进度条没有全部控制。怎么办？如何强制更新进度控件显示在顶部？

<asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" LoadScriptsBeforeUI="true" ScriptMode="Release" runat="server" />
    <asp:UpdateProgress ID="uppMain" runat="server">
        <ProgressTemplate>
            <div style="position: absolute; background: url(/Style/Engine/images/black-bg.png); top: 0px; left: 0px; width: 100%; height: 100%;">
                <div style="width: 150px; height: 20px;z-index:100002 !important; position: fixed; left: 50%; margin-left: -75px; top: 50%; margin-top: -10px; text-align: center;">
                    <img id="imgLoading" alt="" src="/Style/Engine/images/loading.gif" />
                </div>
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>
 <asp:UpdatePanel runat="server" ID="UpdatePanel1">
        <ContentTemplate>
              .......
         </ContentTemplate>
  </asp:UpdatePanel>

【问题讨论】：

请发布您完成的代码或提供演示。
@shahrox 你需要将AssociatedUpdatePanelID="UpdatePanel1" 添加到uppmain
......谢谢

标签： css asp.net

【解决方案1】：

仅看提供的代码很难回答。您可以使用更新进度上方的开发人员工具栏/萤火虫轻松检查控件的 z-index，并为 DIV 提供比该 z-index 更高的 z-index

您可以尝试的一件事是，将 z-index 赋予 updateprogress 控件中的第一个 DIV（带有“位置：绝对”的 div）

【讨论】：