Добавление фоновых изображений вместо их замены

Question

Есть ли способ применить несколько фонов к одному элементу с несколькими правилами?

Например, что-то вроде этого:

.a { background-image: url( a.jpg ); }
.b { background-image: url( b.jpg ); }

И два перекрывающихся фона на моем div:

<div class="a b"></div>

Или требуется использовать внутренний элемент?

Answer 1

Да, вы можете иметь несколько фоновых изображений на одном элементе:

.a { background-image: url(a.png), url(a.png);
     background-repeat: repeat-x, repeat-y;
     background-position: 0 0, 0 0; }

Тогда в HTML:

<div class="a"></div>