Javascript 过渡不';我不能在Firefox中工作

Javascript 过渡不';我不能在Firefox中工作,javascript,css,firefox,Javascript,Css,Firefox,我想在用户将鼠标悬停在元素上时平滑地更改div的背景图像,所以我使用以下代码 $("#bg").css({'background-image':'url("'+$(images[background_id]).attr("src")+'")', 'background-size':'cover', 'transition': '1.5s','-webkit-transition' : '1.5s'}); 在Chrome中,它可以正常工作,但在FF中,背景会立即改变。根据Mozilla文档,F

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


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

在Chrome中,它可以正常工作,但在FF中,背景会立即改变。根据Mozilla文档,Firefox不支持背景图像转换


您忘记了-moz转换:对于特定于供应商的转换,尽管我建议将class与css一起使用,然后只需更改选择器的属性即可。firefox不需要-moz-前缀进行转换,因为版本16您应该在更改背景之前尝试设置转换,不要同时进行。尝试将其设置为transition:all 1.5s;这是什么版本的FF?做了更多的挖掘,看起来这就是它在FF中处理背景图像时的工作方式。