How to make background-image 100%.?

Question

When I apply background-image in my web page the background is not fully cover the whole page

Answer 1

background-size:cover;

Answer 2

thanks idol😇

Answer 3

Play with this properties:

body{
background-image: url('http://via.placeholder.com/350x150');
/* background-color: #999; */
background-size: 100%;
/* background-repeat: no-repeat; */
/* background-position: 0 0; */
}

Answer 4

You may construct a background from img.
Make it position:absolute and left:0; top:0 right:0
It actually depends on how adaptive would your design be.