如何设置适合div的背景图像的大小

Question

我想设置div背景图像div（w：932，h：148），图像大小为1524 * 587
我试图设置它的图像是不适合div大小我该怎么办？ 我的代码 -

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

Answer 1

您可以使用CSS3 background-size属性。

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

但是你仍然有广泛（或不支持）浏览器支持的问题。 你最好的选择是使用“普通香草” <img>元素，其宽度/高度设置为100% 。

Answer 2

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

您可以将元素叠加在一起，这样您就可以在内容后面获得一个图像元素，但是您应该调整实际图像的大小，而不是在显示它时。 这将大致将文件大小减小到五分之一。