CSS Blend-Mode Умножьте оба фоновых изображения на jQuery

Question

Итак, я использую свойство CSS Background-blend-mode и как оно работает: В CSS вы определяете два фоновых изображения для одного и того же div id, как видно:

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

Если я хочу изменить один фоновое изображение сНа ид через JQuery я могу сделать это с помощью следующего кода (Считать, что икона мой переменная, где я держу URL моего изображения):

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

Это работает просто отлично! Проблема в том, что если я хочу изменить оба моих фоновых изображения, по какой-то причине это невозможно. Вот код, который я использовал в этом случае:

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

Кто-нибудь знает, почему она не работает или еще один способ изменить как фоновые изображения моего DIV с помощью JQuery?

Answer 1

Попробуйте использовать

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