我正在开发一个简单的 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/