Full Size Background Image
Here we have a full sized background image on a full sized webpage that covers the entire browser window at all times.
The requirements are as follows:
- Fill the entire page with the image (no white space)
- Scale image as needed
- Center image on page
- Do not cause scrollbars
To do this:
- We use the html element (the html element is always at least the height of the browser window).
- We set a fixed and centered background on it.
- We adjust its size with the background-size property if we need to
The details are on the previous webpage.
There should be no scroll bars caused by the background image at all.
