添加背景圖片而不是替換它們

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>