javascript - 通过 jquery 添加另一个背景图像

Question

我想在我的 div 元素中添加另一个背景图片，但是我不想简单地覆盖现有的背景图片，我想要多个背景，所以它应该在第一个下面添加新的背景 url。

这是原始 CSS 的样子..

#cover-art {
    background:
        url('http://beta.mysite.net/img/banner1.png') top left no-repeat,
    padding:250px 0 0;
}

我想通过 jquery 做的是像这样在第一个图像 url 行下面添加另一个图像 url 行...

#cover-art {
    background:
        url('http://beta.mysite.net/img/banner1.png') top left no-repeat,
            url('http://beta.mysite.net/img/banner2.png') top left no-repeat,
    padding:250px 0 0;

还需要注意的是#cover-art css 在外部样式表中。

Answer 1

给你。请记住，这不适用于许多超过几年的浏览器:

var _oCurr = jQuery('#cover-art');
var _sBg = _oCurr.css('background-image');
_oCurr.css('background-image', _sBg + ', url(/img/banner2.png)');