在转换动画期间忽略Firefox对象适合封面属性

Question

在Firefox上，当jquery为2个图像之间的过渡设置动画时（通过淡入/淡出效果），图像的对象适合属性似乎被忽略，产生偏斜的图像！

这是一个演示此问题的链接，即播放图片的顶级幻灯片部分： http://www.tooride.com/

我在图像之间循环执行的jquery代码：

var idx = 0;

setInterval(function() {
  var elementFadeOut = images[idx];
  $(elementFadeOut).animate({opacity:0}, fadeTime, function() {
    elementFadeOut.style.display = "none";
  });

  // fetch the next index
  idx++;
  if(idx >= numImages) {
    idx = 0;
  }

  var elementFadeIn = images[idx];
  elementFadeIn.style.display = "block";
  $(elementFadeIn).animate({opacity:1}, fadeTime);
}, visibleTime);

用于img的CSS：

#tourfilters-slideshow img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

一切都很适合Safari＆amp;铬。但Firefox只在转换时才会使图像偏斜。

我甚至尝试了引导程序轮播，并使用已定义的img和width:100%将其height:200px修改为object-fit:cover（通过在浏览器中进行检查并进行修改） ，Firefox中出现同样的问题： http://www.w3schools.com/bootstrap/bootstrap_carousel.asp

提前致谢！