多個背景圖片在重複時可以交替嗎？

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

你可以嘗試的是使圖像兩倍的寬度和左側或右側的透明圖像。還沒有嘗試過，但應該工作，也許不是你正在尋找的美麗的解決方案？

另外，不知道爲什麼你不想重複1個XXX 000的組合圖像？