/CSS/Css background image size fit screen

Css background image size fit screen

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

Make background image full width

html {
    height: 100%;
}
body {
    color: #999;
    background: url('../images/background/main_bg.jpg') no-repeat center center fixed;
    font-family: 'Roboto', sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Css background image size to fit screen

html {
    height: 100%
}
body {
    background-image:url("../images/myImage.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

Similar codes

175 votes364 views6 answers
Background css image
CSS
0 vote316 views1 answer
Exclude html content when print
CSS
1 vote291 views2 answers
Border for text in html
CSS
0 vote277 views1 answer
Bootstrap 5 tutorial
CSS
0 vote306 views1 answer
Elementsone after other css
CSS
0 vote288 views1 answer
Tipografias family style para css y html
CSS
2 votes297 views3 answers
Css cursor delete
CSS
1 vote276 views1 answer
Button onclick open video in new window
CSS
0 vote268 views1 answer
Css hot to center image in bootsrtap container
CSS
0 vote278 views1 answer
Custom horizontal scrollbar css
CSS