加載指示器「位置：絕對」始終顯示在頂部

Question

我正在顯示一個帶有asp：updateprogress控件的加載指示器。這裏是我的CSS，

.loading { 
    background-color:#404040; 
    color:#fff; 
    top:0px; 
    left:45%; 
    height:23px; 
    position:absolute; 
    font-weight:bold; 
    -moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px; 
    -moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px; 
    clear: both; 
} 

它工作正常，當我做在頁面頂部的AJAX更新，我可以看到負載指示，但是當我向下滾動到我的底部，做一個ajax更新負載指示沒有按似乎沒有出現。我認爲這是因爲CSS的位置。無論我的滾動條位置如何，都可以將其顯示出來。

<asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="false" DisplayAfter="0"> 
     <ProgressTemplate> 
      <div class="loading" style="padding-left: 5px; margin-bottom: 5px;"> 
       Loading...&nbsp 
      </div> 
     </ProgressTemplate> 
    </asp:UpdateProgress> 

Answer 1

先給父DIV position:relative，或者如果你想讓它顯示在同一個地方無論在頁面上滾動位置，儘量position:fixed

參考：

• http://www.w3schools.com/cssref/pr_class_position.asp

Answer 2

使用位置：固定;