更改背景圖像的寬度？

Question

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

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

Answer 1

使用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或以下版本中不起作用。