小编Vah*_*ahi的帖子

我试图在用户点击按钮时显示loading.gif /旋转轮.我在母版页中添加了如下所示的div:

<div id="loadingDiv">
    <div>
        <h7>Please wait...</h7>
    </div>
</div>

这是css:

#loadingDiv{
  position:absolute;
  top:0px;
  right:0px;
  width:100%;
  height:100%;
  background-color:#666;
  background-image:url('ajax-loader.gif');
  background-repeat:no-repeat;
  background-position:center;
  z-index:10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

当我尝试这个时,loading.gif显示在页面的中心.但由于页面很长,我必须滚动才能看到loading.gif.

如何在屏幕中央显示loading.gif？如果我向下滚动,我应该再次在屏幕中央看到它.