更改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

回答