背景图像部分有repeat-x

Question

我有一个99像素宽，100像素高的图像。

该图像包含3条垂直线条，红色，橙色，绿色，每张图像均为33像素×100像素。

我想要解决的是如何设置div背景图像以选择让我们说只是橙色，然后重复图像作为背景。

所以我做了：

background-position: 66px 0px

问题是绿色仍然显示我只希望它显示橙色并重复该部分。这可能在CSS中吗？

Answer 1

答案是否定的，不是x浏览器，除非你试图垂直重复背景，只有33px宽的div / box。如果你真的只想要一个彩色背景，那就做{background-color:orange;}。