jquery - CSS3 转换(转换)在 Firefox 中不起作用,但在 Chrome 和 Safari 中起作用

标签 jquery html css prefixfree

我正在开发一个简单的 slider ,它使用 CSS 过渡来为幻灯片设置动画。我用一些基本样式和一些 javascript 创建了一支笔 here .注意:由于 Codepen 使用 Prefixfree我没有使用任何前缀。

唯一的动画部分是 .slider__anim,而不是 .slider__item 本身。我对所有非事件幻灯片使用了 position: absolute,对事件幻灯片使用了 position: relative。这样我就不必为我的 .slider 使用固定高度。

在 Chrome 和 Safari 中,它工作得很好,但由于某些原因,它只是不会在 Firefox 中触发 CSS 转换。这是 Firefox 中的错误还是 Firefox 有任何特殊标记?


最佳答案

对于遇到同样问题的每个人:这是 Firefox 中的错误,请参阅:https://bugzilla.mozilla.org/show_bug.cgi?id=625289

关于jquery - CSS3 转换(转换)在 Firefox 中不起作用,但在 Chrome 和 Safari 中起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22377968/

相关文章:

javascript - Bootstrap 面板 : Text and plus symbol on the same line

php - 如何使 bootstrap 3.0 导航栏品牌成为下拉菜单?

jquery - 使用 jquery 和 ajax 发送授权 header

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

javascript - 低延迟 websocket html 5 游戏的数据包大小

Javascript 表单验证不为空或没有空格

javascript - Google Plus API 错误 gapi.loaded_0

javascript - 如何使用 nextAll 使用 jquery/查找所有输入

javascript - 保持视频纵横比最大为 100% 的宽度和高度

jQuery 文本淡入/淡出循环问题