如何使用CSS设置背景图像宽度？

Question

我需要为背景图像设置固定宽度。它应该在IE和Firefox中都能正常工作。怎么做到这个？

Answer 1

你可以使用css3属性background-size，但它还没有完全支持

https://developer.mozilla.org/en/CSS/-moz-background-size

Answer 2

@Multiplexer：您当前无法设置背景图像的宽度/高度，但您可以设置其容器的宽度/高度。

E.g。

<div style="background: url(someimage.jpg) no-repeat 0 0; height: 300px; width: 400px">
  Some content
</div>

如果someimage.jpg为640x480，则仅显示该宽度的400px和该高度的300px。您可以通过使用CSS的背景位置属性来移动背景 - 请参阅http://www.w3schools.com/css/css_background.asp以获取完整/简写参考。

Answer 3

你可以用背景大小来做。

enter code here
.myCss
{
    background-image:url(image.jpg);
    background-repeat:no-repeat;
    background size:10% 100%; 
}

大小， 10％是宽度值，1005是高度值。