添加背景图像而不是替换它们

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>