Я пытаюсь отображать load.gif/spinning wheel всякий раз, когда пользователь нажимает кнопку. Я добавил 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 */
}
Когда я пытаюсь это сделать, load.gif отображается в центре страницы. Но поскольку страница действительно длинная, мне нужно прокрутить, чтобы увидеть load.gif.
Как я могу отобразить load.gif в центре экрана, который виден? И если я прокручу вниз, я должен увидеть это снова в центре экрана.