我实现了一个堆叠的而且可以拖动卡片效果,利用transform3D来实现堆叠的卡片效果。正常的谷歌浏览器显示效果如图所示:
我利用transform3D来使元素在Z轴位移,从而产生了卡片的堆叠,在谷歌浏览器中显示正常。
但是火狐浏览器中,在一开始进入页面的时候堆叠的卡片被截掉了,而且并不会进行动画渲染,而在我触摸页面的时候控制台才显示开始动画渲染(这是因为为了拖动元素,我添加了touch事件里面添加了transform3D操作)。
当我删除外部容器里的 overflow:hidden 的时候,火狐浏览器里就不会截掉叠在下面的部分
因为js添加的css style是没有兼容前缀的,添加前缀就好