Background image no repeat fill

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

Source: css-tricks.com

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

6 votes353 views2 answers
Div inline grid 100% width
CSS
0 vote370 views1 answer
Css filter img color etc
CSS
0 vote387 views1 answer
How to center an item without flex
CSS
1 vote413 views1 answer
Materialize button
CSS Materialize
0 vote357 views1 answer
Selection.addrange() deprecated
CSS
0 vote374 views1 answer
Vue center components in body
CSS
1 vote415 views1 answer
Multiple divs next to each other
CSS
1 vote319 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
24 votes341 views3 answers
Css remove outline
CSS
1 vote336 views1 answer
Apply css if class not present
CSS