Я знаю, что можно сделать несколько слоев фона с помощью CSS, но могу ли я наложить несколько фонов из разных классов? Скажем, у меня были divs, действующие как плитки, которые могли бы иметь горы или холмы и могли принадлежать определенной стране.
.mountain {
background: url("mountain.png");
}
.hill {
background: url("hill.png");
}
.bluecountry {
background: url("bluecountry.png");
}
.redcountry {
background: url("redcountry.png");
}
.greencountry {
background: url("greencountry.png");
}
будет моим css. Однако это не работает; когда я делаю что-то вроде
<div class="hill bluecountry">
он не будет обтекать фоны и будет использовать только один из них. Есть ли способ сделать эту работу? У меня на самом деле больше материала, чем это, и было бы огромной тратой времени, чтобы индивидуально писать CSS несколько фонов для каждой возможной комбинации.