Javascript firefox的关键帧动画问题（在chrome中工作正常），如果元素曾经显示：无

首先，我很清楚显示：没有人可以制作过渡动画。

我有一系列隐藏的div（display:none；），我正在使用onclick JS来有效地更改类，给它一个带有新位置的display:block

以下是事件顺序： -onclick将div从display:none更改为display:block -添加具有绝对位置的新类 -设置新定位动画的关键帧（向右滑动）

这个在Chrome中运行良好，但由于某些原因，firefox忽略了动画

当我在firefox中检查它时，我可以检查/取消锁定动画CSS，它将正确设置动画，因此我知道CSS标记没有问题，此时它是display:block。

有人对此有什么想法吗

---

如果有人有解决方案，我将永远欠你的债。

试着做：更改为

display:block

-

setTimeout（[add animation class]，0）

。给你一个回复的机会。我设法用一个额外的addClass来纠正这个问题。感谢您的回复！