在 ASP.NET 中增加 UpdateProgress 的 z-index答案

【问题标题】：Increase z-index of UpdateProgress in ASP.NET在 ASP.NET 中增加 UpdateProgress 的 z-index
【发布时间】：2011-08-18 14:36:38
【问题描述】：

我有一个小窗口显示正在加载。有时它会被页面上的其他控件覆盖。如何增加它的 z-index 以使其始终位于顶部。有没有我可以设置的属性让它总是在最前面？

这是它的代码：

<script type="text/javascript" language="javascript"></script>
<form id="form1" runat="server">
<div>
    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePageMethods="true">
        <Scripts></Scripts>
    </ajaxToolkit:ToolkitScriptManager>
<asp:UpdateProgress ID="ProgressBar" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="200">
    <ProgressTemplate>
        <div id="Loading">
        <img src='Images/loading.gif' alt='loading...' />
            <br /><br />Loading...
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

【问题讨论】：

标签： .net asp.net asp.net-ajax

【解决方案1】：

<div id="Loading" style="z-index: 999999;"></div>

有些元素无论如何都会显示在您的上方。我认为 IE6 和 7 中的下拉控件总是会显示在它上面。

如果您有 Flash 对象，我相信您也需要将其 wmode 设置更新为透明。

【讨论】：