c# - 更新面板工作时需要使用 css 加载图像

Question

当更新面板工作时，我需要显示我的进度图像。我还想显示剩余的背景以停用。

您能否指导我如何使用我的 loading.gif 图像和 .net 中的更新面板来实现这一点。

提前致谢。

Answer 1

这很简单。

这是更新进度面板的代码

<asp:UpdateProgress ID="UpProgress" AssociatedUpdatePanelID="up" DisplayAfter="0"
    runat="server">
    <ProgressTemplate>
        <div align="center" class="contactmain">
            <img id="Img1" src="~/frontimage/loading.gif" runat="server" />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

和css

.contactmain
{
 position: fixed;
 z-index: 1001;
 top: 0px;
 left: 0px;
 vertical-align: middle;
 text-align: center;
 width: 100%;
 height: 600px;
 opacity: 0.7;
 filter: alpha(opacity=70);
 background-color: Gray;
 background-image: none;
 background-repeat: no-repeat;
 display: block;
 border: solid 1px black;
 padding: 100px 0 0 0;
}