转换在Firefox中不起作用

Question

当用户将鼠标悬停在元素上时，我想平滑地更改div的背景图像，所以我使用此代码

$("#bg").css({'background-image':'url("'+$(images[background_id]).attr("src")+'")', 'background-size':'cover', 'transition': '1.5s','-webkit-transition' : '1.5s'});

在Chrome中它运行正常，但在FF背景中正在立即更改

Answer 1

根据Mozilla文档，Firefox不支持背景图像转换。

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties