使用CSS并排显示图标

我是CSS新手

我有下面的CSS定义，它在我的网页中显示了一个图标

.systemIcon{
    margin-right:2px;
    background:url(../images/tree/system.png?_v=001) no-repeat 0px 0px;
}

我想在右边添加另一个图标（比如system2.png）。 因此，我尝试了以下方法：

.systemIcon{
    margin-right:2px;
    background:url(../images/tree/system.png?_v=001), url(../images/tree/system2.png?_v=001) no-repeat 0px 0px;
}

但结果是图标显示在另一个的顶部

---

有没有办法将它们并排显示？

如果你想显示图标，也许你应该使用多个

HTML标记。这似乎比

background

CSS属性更可取。

如果要显示图标，可能应该使用多个

HTML标记。这似乎比

background

CSS属性更可取。

为每个图像指定

背景位置

和

背景重复

：

span{
显示：内联块；
背景图像：url（'http://icons.iconarchive.com/icons/graphicloads/colorful-long-shadow/256/Home-icon.png'），网址（'http://icons.iconarchive.com/icons/kyo-tux/aeon/256/Sign-LogOff-icon.png');
背景位置：0px 0px，256px 0px；
背景重复：不重复，不重复；
宽度：512px；
高度：256px；
}

---

为每个图像指定

背景位置

和

背景重复

：

span{
显示：内联块；
背景图像：url（'http://icons.iconarchive.com/icons/graphicloads/colorful-long-shadow/256/Home-icon.png'），网址（'http://icons.iconarchive.com/icons/kyo-tux/aeon/256/Sign-LogOff-icon.png');
背景位置：0px 0px，256px 0px；
背景重复：不重复，不重复；
宽度：512px；
高度：256px；
}

---

谢谢，但我在他们的树面板中使用ExtJs，我无法控制它。这就是为什么我想用CSS来做这件事……谢谢，但是我用ExtJs和他们的树面板——我没有控制权。这就是为什么我想用CSS做它。。。