Css fill div with background image

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;
}

Background image fill div

div {
	background-image: url("example.com/image.png");
    background-repeat: no-repeat;
    background-size: cover;
}

Css fill div with background image

div {
  background-image: url("example.com/image.png");
  background-size: 100% 100%;
}

Fill and no repeat background image css

/* with CSS 3 */
#yourdiv {  
    background: url('bgimage.jpg') no-repeat;
    background-size: 100%;
}

Source: stackoverflow.com

Similar codes

33 votes282 views6 answers
Css flex center
CSS
69 votes278 views6 answers
Flexbox elements
CSS
0 vote257 views1 answer
Remove contact form 7 css
CSS
0 vote288 views1 answer
Grid style form
CSS
41 votes279 views6 answers
Linux folder size
CSS
1 vote270 views1 answer
To make the content of the select2 RTL or LTR
CSS
65 votes269 views4 answers
Install requirements.txt in pip command
CSS
0 vote265 views1 answer
Code to change size when hover effect
CSS
0 vote267 views1 answer
Puntos suspensivos css
CSS
46 votes247 views6 answers
Font color css
CSS