jquery - CSS 混合模式将两个背景图像相乘替换为 jQuery

Question

所以我使用了 CSS Background-blend-mode 属性，它是如何工作的:在 CSS 中，您为同一个 div id 定义了两个背景图像，如下所示:

#img2 {background-image: url(img1.jpg), url(img2.jpg);
background-blend-mode: multiply;}

如果我想通过 jQuery 更改一个 div id 的背景图像，我可以使用以下代码来完成(考虑该图标是我保存图像 url 的变量):

$('#img2').css({'background-image':'url('+icon+')'});

这很好用!问题是如果我想更改我的两个背景图像，由于某种原因这是不可能的。这是我在这种情况下使用的代码:

$('#img2').css({'background-image':'url('+icon+'),url('+iconSec+')'});

有谁知道为什么它不起作用或无法通过 jQuery 更改我的 div 的两个背景图像的其他方法？

Answer 1

尝试使用

$('#img2').css({'background':'url('+icon+'),url('+iconSec+')'});