Full Page Background Image
Displaying a background image on a website that covers the entire browser window at all times.
Some specifics are as follows:
- Fills entire page with image, no white space
- Image is centered on page
- Does not cause scrollbars
- As cross-browser compatible as possible
html {
background: url(img/cover_photo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
If you are facing any problem or want to share some other techniques please feel free to comment below
