更改背景图像的宽度？

我试图改变宽度，但它只改变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

更改背景图像的宽度？

回答

相关问题