怎样的背景图像合适的尺寸设定到div

Question

我要定格的背景图像 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%; 
} 

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

Answer 2

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

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