The goal of this tutorial is to display full screen image background using CSS we can design our WebPages, You can choose any full-size HD image and place your website background and make it fixed, During zoom in and zoom out time background image will be fixed only content will be zoom in and zoom out. It’ll fill your entire browser space with no white space, There is property in CSS called background-size which help you to achieve this goal by purely using CSS.
Code for the tutorial
html {
background: url(background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Hope You understand how you can make an image to cover the background, Please share to your friends.
