Question

I have made a background that needs to cover the whole page. I know this is a simple question to most of you, but i have tried everything!!! Every time i try something, it just covers the parent div. I want it to cover the entire webpage! Here is what i have so far.

<div id="bkgrd" style="z-index: 9999; display: none; position:absolute;top:25%;left:25%;right:25%;
bottom:25%;
margin:auto;
min-width:50%;
min-height:50%; background-color: #000000; opacity: 0.4;"></div> 

Answer 1

#bkgrd {
    position:fixed;
    top:0;
    left: 0;
    width:100%;
    height:100%;
}