jQuery / CSS转换在Firefox中不起作用

Question

我正在网站上的一项功能上，其中的图像应每5秒更改一次，并过渡到具有褪色效果的另一幅图像。

我的JavaScript是这样的

jQuery('.mySlider').css({"background-image" : "url(/images/image1.jpg)"});

var counter = 0;
function setBckImage(){
    if(counter<2){
        counter++;
    } else {
        counter=1;
    }


    switch (counter){
        case 1:
            jQuery('.mySlider').css({"background-image" : "url(/images/image1.jpg)"});
            break;
        case 2:
            jQuery('.mySlider').css({"background-image" : "url(/images/image2.jpg)"});
            break;
    }
}

if(jQuery('.mySlider').length) {
    setInterval(setBckImage, 5000);
}

过渡的CSS是这样的：

.mySlider{
left: 0px;
-webkit-transition: background 1000ms ease-in 1000ms;
-moz-transition: background 1000ms ease-in 1000ms;
-o-transition: background 1000ms ease-in 1000ms;
transition: background 1000ms ease-in 1000ms;
}

它可以完美地在chrome中工作，但不能在Firefox中工作。 我已经读过firefox需要一个“移动”过渡的起点，这不是我正在做的事情，但是无论如何我还是要设置一个，并且仍然不起作用。 我的firefox控制台没有错误，所以我不知道可能是什么问题...

我应该从哪里开始寻找？

编辑：这是jsfiddle： https ：//jsfiddle.net/kkyyzzug/

Answer 1

基于此答案 -Firefox尚未实现过渡背景图像。 您可以更改图像容器的类名，而不是更改行内背景。 因此，根据类名称，您可以更改背景图像