[jQuery] showing overlay when loading doesn't fullscreen when scroll-down
css code is :
#overlay {
display: none;
position: absolute;
z-index:100;
top: 0px;
left: 0px;
background-color:#000000;
filter: alpha(opacity=75);
opacity: .75;
height: 100%;
width: 100%;
}
#modal {
display: none;
position: absolute;
left: 50%;
top: 50%;
z-index: 101;
width: 200px;
margin: -100px;
background-color: #fff;
border:1px solid #222;
padding: 15px;
text-align:center;
}
html code is :
<div id="overlay"></div>
<div id="modal">
<table><tr>
<td><img id="loader" src="<?=base_url();?>../Images/ajax-loader.gif"/