我使用bootstrap control .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>
仅查看提供的代码很难回答。您可以使用开发人员工具栏/ firebug轻松检查控件的z-index,该工具位于updateprogress之上,并将z-index高于DIV。
您可以尝试的方法是,将z-index赋予updateprogress控件中的第一个DIV(带有“ position:absolute”的div)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句