如何使用CSS設置背景圖像的寬度？

我需要設置背景圖像的固定寬度。它應該在IE和Firefox都可以正常工作。如何得到這個？如何使用CSS設置背景圖像的寬度？

2010-11-16 User 1034

是否要刪除重複的背景圖像。如果這樣設置無重複屬性。 – ArK 2010-11-16 10:57:12

我不想重複和它的工作正常。 – 2010-11-16 10:58:05

@Multiplexer：您目前不能設置背景圖片的寬度/高度，但你可以設置寬度/容器的高度。

E.g.

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

如果someimage.jpg爲640x480，只有寬度的400像素和高度的300像素將被顯示。您可以通過播放CSS的背景位置屬性來移動背景 - 請參閱http://www.w3schools.com/css/css_background.asp以獲取完整/簡短參考。

2010-11-16 11:09:44 stealthyninja

您可以使用CSS3屬性background-size，但它尚未完全支持

2010-11-16 11:08:12

你可以用背景大小來做到這一點。

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

在大小， 10％是寬度值和1005是高度值。

2014-08-20 20:53:57

回答