如何调整背景图片的大小？

Question

我遵循了关于在此链接上调整背景图片大小的教程

How To: Resizeable Background Image

我试图编辑它来处理宽度为900px的div，因此它只会垂直调整大小，我不知道如何让它工作。

任何人都可以告诉我如何按我的意愿去做。

由于

Answer 1

您使用的是第一种，第二种或第三种方法吗？

考虑到第三种方法，如果将 width 更改为 height ，它可能会起作用：

#img.source-image {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

如果这不起作用，请查看this question和this other question并试验您的身高和DOCTYPE。您可能还想在doctype.com上提出相同的问题。

Answer 2

似乎是这样的：

#yourDiv{
    background-size:cover}

但兼容性is limited. Example here。