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

1 vote205 views1 answer
Ahk modifiers
CSS
0 vote186 views1 answer
Get postfix version
CSS
9 votes217 views5 answers
Html button size
CSS
0 vote203 views1 answer
Scss global class
CSS
0 vote252 views1 answer
Transform element
CSS
51 votes193 views6 answers
Css first element
CSS
4 votes193 views2 answers
Javafx button css
CSS
0 vote205 views1 answer
Border buttom color
CSS
0 vote215 views1 answer
Css textarea background color transparent
CSS
69 votes194 views4 answers
White rgb
CSS