Stretching a DIV works fine - unless the user scrolls

HTML & CSS
1

I have a DIV with a semi-transparent background that I’m stretching, and it covers the whole screen, but it seems like the height is fixed, even though I told it 100%. Any ideas?

Here is the CSS for the DIV.

position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-image: url(../images/50percent.png);
2

That fixes it in place relative to the page.

If you want it fixed in place relative to the browser use position : fixed instead.

1 Like
3

Ahhh… Makes sense. Thank you! Works perfectly.