CSS 블렌드 모드 두 배경 이미지를 jQuery로 바꿔서

Question

CSS 배경 혼합 모드 속성을 사용하고 어떻게 작동합니까? 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+')'}); 

가 작동하지 않거나 다른 방법은 jQuery를 통해 내 사업부 모두 배경 이미지를 변경하는 이유를

사람이 알고 있나요?

Answer 1

시도

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