Question

我使用bootstrap控件.i设置进度条样式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控件中将z-index赋予第一个DIV（带有“position：absolute”的div）

如何在所有控件之上显示Update Progress控件

1 个答案: