當更新面板工作時，需要使用css加載圖像

Question

當更新面板工作時，我需要顯示我的進度圖像。另外我想顯示剩餘的背景以停用。

你可以請指導我如何實現這個使用我的load.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; 
}