解决办法：

在设置了动画的元素父级（除body的任一父级） 添加overflow：hidden；恢复浏览器渲染

层级错乱后的样式：

 弹框的z-index是99999，设置了动画的元素依然可以覆盖弹框。

IOS兼容—— css3动画 使用了rotate() 导致各个元素层级错乱