一开始是在支付宝小程序内,发现使用animation+scale后,缩放的动画层级变高,覆盖他上面的内容;
结构为parent div下的 diva跟divb,默认是diva的层级更高,但是加了上诉动画后,divb层级变高,覆盖了diva。
一开始怀疑是支付宝小程序容器的问题。跟支付宝侧小程序容器开发沟通以后,此问题不是容器问题,是IOS的内核原因导致的,最后的解决方式是,将父级设置为 transform: translate3d(0, 0, 0);
diva设置 transform: translate3d(0, 0, 2rpx);
问题就解决了。原因是在父元素上加一个transform3d触发硬件加速,把父元素提升到单独渲染图层,然后将diva的ttranslateZ提高到divb上面,就不会被覆盖了。