html - 背景画像を完全に表示し、フルサイズをカバーする方法

Question

背景画像で完全にカバーしたいヘッダー div があります。画像を完全に表示したいので、何もトリミングされていません。ただし、画像を引き伸ばしてトリミングしているようです。

CSS:

..header{

        border-top-left-radius:5px;
        border-top-right-radius: 5px;
        max-width: 600px;
        width:100%;
        height: auto;
        min-height: 200px;
        background: url("img/bg-abstract.jpg") no-repeat fixed;
        background-position: left top;
        background-size: 100%;
        position: relative;
        background-attachment: fixed;
        background-repeat: no-repeat;

    }

Answer 1

必要なのは

background-size:cover

Answer 2

background-size: cover%の代わりにも使ってみてくださいpx。