Javascript 向元素添加第二个背景图像

我想知道是否可以通过CSS3或jQuery/js将第二个背景图像分配给元素

为了明确起见，我是否知道我可以这样做：

 .someElement { background-image: url(sheep.png), url(betweengrassandsky.png); }

问题是我需要这样做：

 .someElement             { background-image: url(sheep.png); }
 .someElement.secondClass { background-image: url(betweengrassandsky.png); }

问题是，这只会覆盖第一个背景图像，而不是合并它们。 有什么解决办法吗

---

谢谢

您必须重复第一行CSS中显示的第一个背景图像

如果需要，可以检查

.someElement

以查看它是否具有第二个类，并使用jQuery应用它：

$('.someElement').each(function() {
    if ($(this).hasClass('secondClass')) {
        var background = $(this).css('background-image');
        $(this).css('background-image', background + ', url(betweengrassandsky.png)');
    }
});

那么：

 .someElement             { background-image: url(sheep.png); }
 .someElement.secondClass { background-image: url(sheep.png), url(betweengrassandsky.png); }

---

在我的例子中，第一个背景图像是动态的。你在这里想要达到的目标是什么？让他们肩并肩？还有别的吗？