Question

I’m trying to make a 50% opacity <div> appear all over the site, I gave it position absolute and width, height of 100%. but its still appears only parts of the site, if you scroll down, it doesn’t cover the rest of the site.

<div style="width:100%; height:100%; margin:0; top:0; left:0; background:#000; position: absolute;">
   loading..
</div>

What can I do?

Answer 1

Use position: fixed; instead of position: absolute;:

<div style="width: 100%; height: 100%; margin: 0em;
            left: 0em; top: 0em; background: black;
            position: fixed;">Loading ...</div>