Make background image full width

How can set background fit full

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

Html background image fit to screen

body {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

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

Css full cover background image

body { 
  background: url(path/to/bg-image.jpg) no-repeat center center fixed;
  background-size: cover;
}

Similar codes

0 vote138 views1 answer
Get element in list ocaml
CSS
1 vote143 views1 answer
How to prevent text from breaking css
CSS
94 votes144 views2 answers
How bold text in css
CSS
16 votes118 views1 answer
Sass css
CSS
37 votes145 views2 answers
Rgb yellow color
CSS
0 vote158 views1 answer
SPECIFIC CHILD ELEMENTS
CSS
0 vote150 views1 answer
Remove all default styles from input
CSS
0 vote255 views2 answers
Text decoration too long
CSS
1 vote140 views1 answer
Ion-select background color
CSS
1 vote150 views1 answer
Write text in one line css
CSS