Javascript 为什么我的背景图像转换在firefox中不起作用

我正在尝试更改一个div的背景图像，而不对div内的内容产生任何影响。我编写了以下代码来更改背景图像。我不明白为什么firefox不响应我的css转换。是否有任何修复，我可以让它在ie和firefox中工作

Html

Jquery

 function preloadImages(array) {
if (!preloadImages.list) {
    preloadImages.list = [];
 }
 for (var i = 0; i < array.length; i++) {
    var img = new Image();
    img.src = array[i];
    preloadImages.list.push(img);
 }
 }
    var imageURLs = [
        "image0.jpg",
        "image1.jpg",
        "image2.jpg",
        "image3.jpg",
        "image4.jpg"
    ];
 preloadImages(imageURLs);
    var counterForBackgroundImage = -1;
 function changeBackgroundImage() {
counterForBackgroundImage++;
if (counterForBackgroundImage > imageURLs.length-1)
    counterForBackgroundImage = 0;
$('header').css('background-image', 'url(' + imageURLs[counterForBackgroundImage] + ')');
 setTimeout(function() {
    changeBackgroundImage();
 }, 5000);
 }
 changeBackgroundImage();

函数预加载图像（数组）{
如果（！preload images.list）{
preload images.list=[]；
}
对于（var i=0；iimageurl.length-1）
counterForBackgroundImage=0；
$（'header'）.css（'background-image'，'url（'+imageurl[counterborbackgroundimage]+'））；
setTimeout（函数（）{
changeBackgroundImage（）；
}, 5000);
}
changeBackgroundImage（）；

中未列出背景图像动画属性

尝试使用一些技巧，例如

body {
    margin: 0;
}
header {
    height: 665px;
    width: 100%;
    background-image: url('image0.jpg');
    -moz-transition: background-image 1s ease-in-out;
    -webkit-transition: background-image 1s ease-in-out;
    -ms-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
}

 function preloadImages(array) {
if (!preloadImages.list) {
    preloadImages.list = [];
 }
 for (var i = 0; i < array.length; i++) {
    var img = new Image();
    img.src = array[i];
    preloadImages.list.push(img);
 }
 }
    var imageURLs = [
        "image0.jpg",
        "image1.jpg",
        "image2.jpg",
        "image3.jpg",
        "image4.jpg"
    ];
 preloadImages(imageURLs);
    var counterForBackgroundImage = -1;
 function changeBackgroundImage() {
counterForBackgroundImage++;
if (counterForBackgroundImage > imageURLs.length-1)
    counterForBackgroundImage = 0;
$('header').css('background-image', 'url(' + imageURLs[counterForBackgroundImage] + ')');
 setTimeout(function() {
    changeBackgroundImage();
 }, 5000);
 }
 changeBackgroundImage();