是否可以使背景图像垂直重复.但是,使用CSS也只是水平向右侧？

Question

所以基本上我们有一个背景图片(红色),我们想要用CSS重复如下:

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

(抱歉,我很厌烦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;
 }

也就是说,虽然我对你真正想要的东西感到很困惑,但我认为你应该使用divcss排列的多个元素来定位你想要的方式并且每个元素都有不同的背景.

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