如何设置背景图片大小以适应div

Question

我想设置div背景图片，div的宽度为932，高度为148，图片大小为1524*587。
当我尝试设置时，图片无法适应div的大小，我该怎么办？我的代码如下：

.header .logo { width:932px; height:148px; background:url(images/logo.jpg) no-repeat center;}

- piku

Answer 1

你可以使用CSS3的background-size属性来实现这个效果。

.header .logo {
    background-size: 100%;
}

但是你仍然面临着浏览器支持范围是否广泛的问题。你最好使用一个设置了宽度/高度为100%的“普通香草”<img>元素。

- BalusC

Answer 2

在当前支持的CSS版本（2.1）中，无法调整背景图像的大小。

您可以将元素层叠在一起，以便在内容后面获得一个图像元素，但最好调整实际图像的大小，而不是在显示时进行调整。这大致可以将文件大小减小五分之一。

- Guffa