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

时间:2010-11-15 12:55:09

标签: jquery css html

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

How To: Resizeable Background Image

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

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

由于

2 个答案:

答案 0 :(得分:2)

您使用的是第一种,第二种或第三种方法吗?

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

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

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

答案 1 :(得分:2)

似乎是这样的:

#yourDiv{
    background-size:cover}

但兼容性is limited. Example here