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

Question

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

Answer 1

@Multiplexer:目前无法设置背景图片的宽高，但可以设置其容器的宽高。

例如。

<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 2

您可以使用css3属性background-size，但还不完全支持它

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

Answer 3

你可以用背景大小来做。

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

在大小上，10%是宽度值，1005是高度值。