Могут ли чередоваться несколько фоновых изображений при повторении? - PullRequest
Новая
       34

Могут ли чередоваться несколько фоновых изображений при повторении?

1 голос
/ 03 июня 2011

Я пытаюсь поочередно размещать несколько фоновых изображений с помощью 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 отрисовывается позади и, таким образом, скрывается.

Можно ли чередовать несколько фоновых изображений поочередно? Я бы предпочел не объединять изображения в одно изображение. Я также не знаю, насколько широким будет элемент, поэтому подделать повторение, указав одно и то же изображение более одного раза, невозможно.

1 Ответ

0 голосов
/ 03 июня 2011

То, что вы можете попробовать, это сделать оба изображения в два раза шире, а с левой или правой стороны - прозрачное изображение. Не пробовал, но должно сработать, а может и не красивое решение, которое вы искали?

Кроме того, не знаете, почему вы не хотите повторить 1 комбинированное изображение XXX 000?

...