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

有没有办法在多个规则的同一元素上应用多个背景？添加背景图片而不是替换它们

对于为例，类似的东西：

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

，并具有在我的div两个重叠的背景：

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

或者是使用内部元件需要它？

是的，你可以在一个元素上有多个背景图片：

.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>

2012-02-20 01:46:42 xandercoded

是的，但有可能与多个规则？ – 2012-02-20 01:57:59

请注意，这是一个仅限CSS3的功能。 – elclanrs 2012-02-20 01:58:31

@NisonMaël不，最新的风格（或具有最高特异性的定义）将覆盖其他/ s。 – xandercoded 2012-02-20 02:00:03

回答