I was having some trouble getting a background image to stretch to cover the entire page of a site that I was building. I was using background-size:cover but it wasn’t covering. It would stretch but only in the x direction and not the y direction.
Here is the solution that I found. In the CSS where you use background-size, you need to do it like this :
It won’t work without the added important. And further, you need to make sure that this also exists in your CSS.