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;