CSS从特定点重复背景

Question

我希望从屏幕截图上绘制的线条显示背景：

http://img29.imageshack.us/img29/4707/wjm7.png

我尝试使用

background : ('path/to/image') 0 650px repeat-y

但是图像的光线部分会移动，看起来很难看。我想要的只是在网站上的背景外观，如截图，但没有底部的黑暗部分。这就是为什么我希望它从红线重复。

现在css是这样的：

background : url('path/to/image') top center

Answer 1

您可以设置px值而不是top

background : url('path/to/image') -430px center;

不可能重复这样的背景。您只需剪裁图片并使用repeat

即可

Answer 2

我建议使用两个背景。即将可重复部分设置为主体的背景，将另一部分设置为主容器的背景。