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 vote110 views2 answers
Hide text css
CSS
27 votes153 views1 answer
How to use gradient as text color
CSS
0 vote162 views10 answers
How to create a snake game in html css js
CSS
7 votes227 views3 answers
Bootstrap remove outline
CSS Bootstrap
4 votes185 views2 answers
Css hex to rgb
CSS
1 vote158 views1 answer
Timesheet template html css
CSS
0 vote224 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote144 views1 answer
Tf.reduce_mean(y_true,y_predicted)
CSS
0 vote150 views1 answer
Boxsizing
CSS
1 vote174 views1 answer
Css random
CSS