改变CSS中背景图片URL的宽度覆盖范围

Question

如果我有一张背景图，假设它的宽度是20px，我希望它的宽度是40px(但是在photoshop中调整它无法达到我想要的效果)

如何更改宽度?

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

从图中可以看到，它们是对角线

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

截图

和间距是我想要的。编辑图像可能会弄乱间距。所以我试着让身体的背景覆盖面积更大一点?现在图像的宽度是6px。我希望它显示为20px的宽度，如果图像在重复x-y在20pxdiv?(所以不是拉伸图像，只是通过图像获得更多的基础)?

我希望这是有意义的> <</p>

Answer 1

"在photoshop中进行调整无法达到预期效果"

CSS不是图像编辑软件。在photoshop中，你只需要进入图像>图像大小和缩放你想要的。或者花点时间学习使用Photoshop的基础知识来获得你想要的效果。你只需要不要害怕，尝试每一个工具，直到你得到你想要的，因为你显然可以撤销不希望的效果。

CSS的方式是可能的，但它并不意味着这种情况下，将不是跨浏览器友好。它很少在典型的网站上使用，所以幸运的是我不打算鼓励它。好运。

Answer 2

我相信人们对OP想要什么有误解。

如果我理解对了，看看这个例子:

http://jsfiddle.net/vYxza/

将#text视为body，将.this_div视为需要在其内部创建的元素。

基本上你创建了一个新元素，你可以在所有方向上重复背景，但你只是限制了元素的宽度。

另一种方法:http://jsfiddle.net/vYxza/1/- 这实际上是我最有可能做的方式

再次注意……如果你想在body中使用它…把.this_div看作html，把#text看作body