css - 背景图片覆盖整个页面

Question

我有上面的图片

我必须将其设置为覆盖整个页面。我尝试了以下代码。

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;

但我得到的是这个。

它没有覆盖整个页面。在底部我得到了空白。有人可以帮我吗？提前致谢。

Answer 1

尝试这个 ：

background-size: cover;

Answer 2

改变这个

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

对此

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