图像转换在firefox中不起作用

当您将鼠标悬停在图像上时，它应该会淡入另一个图像，但在firefox中，过渡会中断。我尝试添加一个top:0px；这是从一个类似的问题中提出的，但仍然不起作用

.infidus {
    margin-left: 0px;
    top: 0px;
    width:698px;
    height:300px;
    background: url();
    -moz-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.infidus:hover {
    margin-top: 0px;
    top: 0px;
    width:698px;
    height:300px;
    background: url();
    -moz-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
} 

根据背景，图像不是可设置动画的属性。尽管像chrome这样的浏览器支持这种交叉褪色行为

对于firefox来说，这是一种过渡

但是，您可以通过执行以下链接中介绍的一些技巧来实现所需：