CSS Transition不适用于FireFox和IE

Question

 css("transition", "background 0.5s linear")

上述代码在点击事件完成时执行，其中页面的背景图像被转换A淡出到B淡入。

在Chrome上，不仅上面的代码而且所有其他代码都运行良好。

但是上面的一些代码在某些浏览器中不起作用，尤其是

1. 火狐
2. IE

我现在缺少什么问题？

Answer 1

我认为你错过了css前缀。 您可以在此处https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

找到更多详细信息

供应商通常使用这些前缀：

-webkit-（Chrome，较新版本的Opera。）

-moz-（Firefox）

-o-（旧版Opera）

-ms-（Internet Explorer）

所以你应该添加带有css前缀的转换代码。

Answer 2

不是使用jquery应用css，而是添加一个类：

 .addClass("class-name")

.class-name {
    transition: background 0.5s linear;
}