css - 改变背景图像的宽度？

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 或更低版本。