background image cover full div 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: CSS make image fill whole background
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 3: css fill div with background image
div {
background-image: url("example.com/image.png");
background-size: 100% 100%;
}
Example 4: css full cover background image
body {
background: url(path/to/bg-image.jpg) no-repeat center center fixed;
background-size: cover;
}
Example 5: how to cover full background with css
<div id="bg">
<img src="images/bg.jpg" alt="">
</div>