在Safari浏览器中发现z-index层级不起效如下：
找到的解释大概如下：
谷歌，火狐等浏览器都是直接将一个盒子理解成一块一块的，想分层就按照你的z-index高低来区分，而safari不是，safari是将整个浏览器的页面看成一个整体，虽然也是一块一块的，但是他的分层是按照视觉感来分层的，它认为在下面的代码块总比在上面的代码块离人的眼睛近，所以就应该覆盖在上面的代码块上面，不应该用z-index来区分，而是应该用视觉来区分
AI回答：
对的，
translateZ 的主要目的是在三维空间中移动元素，但它对于层级（z-index）的影响是通过改变元素的渲染顺序来实现的。当你使用 translateZ 进行 Z 轴平移时，实际上改变了元素在三维空间中的位置，从而影响到它在屏幕上的显示顺序。
在某些情况下，这可以用来解决 Safari 中 z-index 的一些问题，因为 Safari 对于层叠上下文（stacking context）的处理可能不同于其他浏览器。
如果你遇到了 Safari 中 z-index 层级不起效的问题，尝试使用 translateZ 可能是一种hack的方法，因为它会触发元素的层叠上下文，从而影响元素的渲染顺序。
需要注意的是，这样的做法可能会对性能产生一些影响，因此在实际应用中最好谨慎使用，确保在不同浏览器中都进行充分的测试。
实际可以通过
translateZ解决
目前在safri16都不起效还在解决
