javascript - CSS Transition 不适用于 FireFox 和 IE

标签 javascript jquery html css firefox

<分区>

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

上面的代码在点击事件完成时执行,页面的背景图像从 A 淡出转换为 B 淡入。

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

但是像上面这样的一些代码在某些浏览器上不起作用,特别是,

  1. 火狐
  2. 浏览器

我现在遗漏了什么问题?

最佳答案

我想你错过了 css 前缀。 您可以从此处找到更多详细信息 https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

vendor 通常使用这些前缀:

-webkit-(Chrome,更新版本的 Opera。)

-moz-(火狐)

-o-(旧版本的 Opera)

-ms-(互联网浏览器)

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

关于javascript - CSS Transition 不适用于 FireFox 和 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34436837/

上一篇:html - <p> 在 div 的底部,没有空格

下一篇:html - 用于显示内容的 CSS float 可扩展菜单

相关文章:

javascript - 使用 node.js 调试 TLS 客户端连接

javascript - 理解 modal.js 中的复杂 if 条件

javascript - 如何调试单个 Javascript 文件?

jquery - 将变量添加到 jQuery src 属性

html - 如何在不弄乱对齐方式的情况下减小我的 Twitter-bootstrap 站点中的 fontawesome 字形图标的大小?

javascript - 打开或关闭响应式菜单时的内容覆盖

javascript - 通过匹配 ID 检查 json 数组中是否已存在项目

javascript - 如何在 Bootstrap 4 中 Justify-End 仅选择导航项?

HTML5 模式 - 10 个字符 - 至少一个字母

java - 使用嵌入式 jetty 创建网络界面