解决办法：

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

 

 

层级错乱后的样式：

 

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