更改CSS中背景圖像URL的寬度覆蓋率？

如果我有一個背景圖像，例如寬度爲20像素，我希望它的寬度爲40像素（但在Photoshop中調整將無法正常工作）。更改CSS中背景圖像URL的寬度覆蓋率？

如何更改寬度？

body { 
    background-color:#5b7c8a; 
    background-image:url('images/diagnol.png'); 
    background-repeat:repeat-y; 
    margin:0; 
}

它的對角線，你可以從圖像中看到，

和間距是一樣，我希望他們。編輯圖像可能會弄亂間距。所以我試圖讓身體的背景覆蓋區域更多一點？現在圖像寬度爲6px。我希望它顯示爲20像素的寬度，就好像圖像是在20像素div中的repeat-x-y一樣？（所以不能拉伸圖像，只是在圖像上獲得更多的基礎）？

我希望這是有道理> <

2011-08-20 Matt

http://img62.imageshack.us/img62/4263/testzjr.png – Matt

上面的鏈接是一個示例 - 我想要背景圖像「重複」出20px的寬度 – Matt

您需要支持哪些瀏覽器？這是可能的CSS3，但你失去了很多瀏覽器 –

CSS不是圖像編輯軟件「調整在Photoshop，我想這是行不通的。」在Photoshop中，你只需要按照你的意願去圖像>圖像大小和比例。或者花點時間學習使用Photoshop的基礎知識來獲得您想要的效果。你只需要不要害怕，並嘗試每個工具，直到你得到你想要的，因爲你顯然可以消除不希望的影響。

CSS的方式是可能的，但它並不意味着這種情況下，並不會跨瀏覽器友好。它很少在典型的網站上使用，所幸我不會鼓勵它。祝你好運。

2011-08-20 23:34:23 Undefined

我相信人們對OP的需求存在誤解。

櫃面我猜中了，看看這個例子：

的#text爲body和.this_div，因爲你需要在它裏面創建元素的思考。

基本上你創建了一個新元素，你可以在所有方向上重複背景，但是你只需要限制該元素的寬度。

這樣做的另一種方法： http://jsfiddle.net/vYxza/1/ - 這實際上是我會這樣做的方式。

注意，再次..如果你想在身體使用它...想.this_div爲html和#text爲body

2011-08-21 00:40:40 Joonas

回答