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

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

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

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

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

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

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

Кто-нибудь знает, почему это не работает или другой способ изменить оба фоновых изображения моего div через jQuery?


jquery css background background-image blending
person Heloise Cullen    schedule 05.12.2014    source источник
comment
Я также попытался добавить класс и идентификатор в один и тот же div и изменить каждый фон. Это работает, но режим наложения не работает.   -  person Heloise Cullen    schedule 05.12.2014

Ответы (1)


arrow_upward
0
arrow_downward

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

$('#img2').css({'background':'url('+icon+'),url('+iconSec+')'});
person Anubhav    schedule 05.12.2014
comment
Это именно то, что я использовал, в этом случае происходит то, что изображение не переходит на фон div. - person Heloise Cullen; 05.12.2014
comment
обратите внимание, что я использовал background вместо background-image - person Anubhav; 05.12.2014
comment
Сделайте демонстрацию скрипки, если можете. - person Anubhav; 05.12.2014