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

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 。