background image to cover the entire page

问题

I have the above image

I have to set it in such a way that it covers the entire page. I tried the following code.

margin: 0px;
    background: url(../images/common/header/Background_color.png);
    background-repeat:repeat-x;
    background-attachment:fixed;
    background-position:top center; 
    height: 100%;
    width: 100%;
    border: 0;
    display:inline-block;
    background-color: transparent;

But what I get is this.

It is not covering the entire page. At the bottom I am getting the white space.Could anyone help me? Thanks in advance.

回答1:

Just change this

background: url(../images/common/header/Background_color.png); background-repeat:repeat-x;

To this

background: url(../images/common/header/Background_color.png); background-repeat:repeat;

回答2:

try this :

background-size: cover;

来源：https://stackoverflow.com/questions/16476780/background-image-to-cover-the-entire-page