重复时可以交替显示多个背景图像？

Question

我正在尝试使用CSS交替平铺多个背景图像。以下是我正在尝试的内容，包含两个小方形图像X和O：

background-image: url(images/X.png), url(images/O.png);
background-repeat: repeat-x, repeat-x;

这是所需的效果（为了清晰起见而添加间距）：

XXX OOO XXX OOO XXX OOO
XXX OOO XXX OOO XXX OOO

但这是实际效果：

XXX XXX XXX XXX XXX XXX
XXX XXX XXX XXX XXX XXX

最前面的背景图层X似乎在自身附近重复，这会导致辅助背景图层Y被拉到后面并因此被隐藏。

可以交替平铺多个背景图像吗？我宁愿不将图像组合成单个图像。我也不知道元素的宽度，因此不可能通过多次指定同一图像来伪造重复。

Answer 1

你可以尝试的是将图像的宽度增加两倍，在左侧或右侧使用透明图像。没试过，但应该工作，也许不是你想要的漂亮的解决方案？

另外，不确定为什么你不想重复XXX 000的组合图像？