css - 如何在所有控件之上显示更新进度控件

Question

我使用 Bootstrap 控件。我设置进度条的样式 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>

Answer 1

仅查看提供的代码很难回答。您可以使用开发人员工具栏/firebug 轻松检查控件的 z-index，它位于 updateprogress 之上，并将 z-index 高于 DIV

您可以尝试的一件事是，将 z-index 赋予 updateprogress 控件中的第一个 DIV(带有“position: absolute”的 div)