在Firefox浏览器里一开始不渲染动画呢?

我实现了一个堆叠的而且可以拖动卡片效果,利用transform3D来实现堆叠的卡片效果。正常的谷歌浏览器显示效果如图所示:

点击后

我利用transform3D来使元素在Z轴位移,从而产生了卡片的堆叠,在谷歌浏览器中显示正常。

但是火狐浏览器中,在一开始进入页面的时候堆叠的卡片被截掉了,而且并不会进行动画渲染,而在我触摸页面的时候控制台才显示开始动画渲染(这是因为为了拖动元素,我添加了touch事件里面添加了transform3D操作)。

当我删除外部容器里的 overflow:hidden 的时候,火狐浏览器里就不会截掉叠在下面的部分

初始化

阅读 2.3k
1 个回答

因为js添加的css style是没有兼容前缀的,添加前缀就好

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题