Overlaying a Image over a whole web page.

Question

Is it possible to overlay a repeating image over a entire web page? If so, How?

Answer 1

Something like this:

HTML

<div class="overlay"></div>

CSS

.overlay{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:url("image.png") repeat;
}

You probably want to put the div at the very end of the html to ensure it's above everything else on the page, alternatively you could use z-indexing.