如何使背景图像完全显示并覆盖整个尺寸

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。