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

0 vote337 views2 answers
Css shado on image
CSS
0 vote359 views1 answer
Divi hide header
CSS
1 vote337 views1 answer
Quitar puntos a lista css
CSS
190 votes530 views6 answers
How to use css in html
CSS
0 vote360 views1 answer
How to make a flex container full page
CSS
0 vote350 views2 answers
Background blend mode
CSS
7 votes360 views3 answers
Input checked by default
CSS
-1 vote370 views3 answers
Clip path css
CSS
0 vote350 views2 answers
Webkit box shadow not working
CSS
0 vote353 views1 answer
Width 33 css
CSS