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