所以我使用CSS Background-blend-mode属性,它的工作原理是:在CSS中为相同的div ID定义两个背景图像,如下所示:CSS Blend-Mode将两个背景图片都替换为jQuery
#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的两个背景图片?
我也尝试添加一个类和一个ID同一div并改变每个背景尝试。它可以工作,但混合模式不适用。 – 2014-12-05 14:41:49