如何设置适合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%.