c# - 更新パネルが機能しているときにCSSで画像をロードする必要があります

Question

更新パネルが機能しているときに進行状況の画像を表示する必要があります。また、無効にする残りの背景を表示したいと思います。

私のloading.gif画像と.netのupdatepanelを使用してこれを達成する方法を教えてください。

前もって感謝します。

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;
}