改变背景图像的宽度？

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或更低版本中不起作用。