Question

我需要使用JQuery将两个单独的背景图像添加到body标签中。最初这是通过以下课程实现的：

.background: url(../img/ad-takeoverbkg-left.jpg) top left no-repeat, url(../img/ad-takeoverbkg-right.jpg) top right no-repeat;

这很好用但是我现在需要通过JavaScript动态提供URL值。使用AJAX从JSON数组中检索值。我目前的代码是：

$('body').css({
'background-image' : 'url(' + data.leftWpTakeover + ')',
'background-position' : 'top left',
'background-repeat': 'no-repeat',
'background-image' : 'url(' + data.rightWpTakeover + ')',
'background-position' : 'top right',
'background-repeat': 'no-repeat'
});

这样可行，但第二张图片会替换第一张图片而只会添加第二张图片。我需要代码将两个背景图像添加到body标签。你能帮忙吗？

感谢。

Answer 1

您可以将多个图像添加到背景中，方法是在它们之间加上逗号，如下所示：

'background-image' : 'url(' + data.leftWpTakeover + '), url(' + data.rightWpTakeover + ')'

使用JQuery向身体添加两个背景图像

1 个答案: