Javascript CSS转换z索引错误

因此，我制作了一副卡片，可以通过按压来翻转。由于某些原因，iOs上的卡忽略了z索引。我举了一个例子：

因此，让我们假设上面的卡片有z-index 99；它下面的卡片的z索引为98。为什么转换转换会导致z索引不再应用？在转换过程中，z索引似乎被设置为0。然后，当转换完成时，它将再次正确

---

我尝试了很多不同的方法来解决这个问题，比如添加变换原点、translate3d、z-index变换等，但似乎没有任何效果。

我看不到任何错误。我想我不明白你的意思。位置：绝对，位置：相对和平移优先于z索引。