更改背景圖像的寬度？

我試圖改變寬度，但它只改變div的寬度。
如何使用css更改圖像的寬度？更改背景圖像的寬度？

#photoTable { 
    background-image: url("Assets/Images/FrontImages/partyPhoto.jpg"); 
    height: 628px; 
    vertical-align: top; 
    width: 704px; 
}

來源

2012-05-21 EnexoOnoma

我敢肯定，你不能在純CSS做到這一點，是不是編輯實際圖像的選項？ – mattytommo

無論如何不改變標記，這是一個選項嗎？ – mattytommo

@mattytommo是的。但我在問是否是一個沒有編輯實際圖像的解決方案 – EnexoOnoma

使用background-size屬性。您可以將其設置爲寬度和高度，cover或contain。儘管如此，100% 100%可能與您想要的最接近。

#photoTable { 
    background-image: url("Assets/Images/FrontImages/partyPhoto.jpg"); 
    background-size: 100% 100%; 
    height: 628px; 
    vertical-align: top; 
    width: 704px; 
}

在IE 8或以下版本中不起作用。

來源

2012-05-21 21:17:52 Brilliand

爲了在IE 8及以下版本中使用此工具，請參閱此問題的最高票數（未接受）答案：http://stackoverflow.com/questions/2991623/make-background-size-work-in-ie – Brilliand

更改背景圖像的寬度？

回答

相關問題