2014-12-05 48 views
0

所以我使用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的两个背景图片?

+0

我也尝试添加一个类和一个ID同一div并改变每个背景尝试。它可以工作,但混合模式不适用。 – 2014-12-05 14:41:49

回答

0

使用

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

这正是我所使用的,在这种情况下发生的情况是没有图像转到div背景。 – 2014-12-05 14:40:12

+0

请注意,我已经使用'背景'而不是'background-image' – Anubhav 2014-12-05 14:49:33

+0

如果可以,请进行小提琴演示。 – Anubhav 2014-12-05 14:50:15