怎樣的背景圖像合適的尺寸設定到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）中調整背景圖像的大小。

您可以將元素疊加在一起，以便在內容後面顯示圖像元素，但您應該調整實際圖像的大小，而不是在顯示時調整圖像大小。這大概會將文件大小減小到五分之一。