how to make a background image fit to screen in css code example
Example 1: css background image full screen responsive
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Example 2: how to set background automatically with my screen height
body {
background-image: url("img_tree.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-size: contain;
}