css - 是否可以使背景图像垂直重复。但是，也只能水平地使用 CSS 到右侧吗？

Question

所以基本上我们有一个背景图片(红色)，我们希望它用 CSS 重复如下:

alt text http://img260.imageshack.us/img260/4417/repeat.png

所以我不希望它重复到上侧和左侧。

(抱歉我不擅长 ASCII 艺术)

Answer 1

如果我没理解错的话，您只想重复图像的一行和一列。这可以通过 CSS3 Multiple Backgrounds 来完成.

目前只有基于 WebKit 和 KHTML (Konqueror) 的浏览器支持此功能。

 body {
      background: url(myimage.png) top left repeat-x, 
                  url(myimage.png) top left repeat-y;
 }

也就是说，尽管我对您真正想要的东西感到很困惑，但我认为您应该使用多个 div 元素，这些元素由 css 排列成您想要的方式，并且每个元素都有不同的背景。

编辑:看到你的新照片，我的样本似乎与你想要的相反。无论如何，我的建议是有效的。为什么不使用两个 div 元素或一个 margin-left 来移动所需的背景元素？重新考虑文档的结构。