z-index 和 translateZ() 的区别

【问题标题】：Difference between z-index and translateZ()z-index 和 translateZ() 的区别
【发布时间】：2018-11-26 00:10:25
【问题描述】：

css中z-index和transform:translateZ();有什么区别

【问题讨论】：

【解决方案1】：

z-index 属性允许您设置堆栈的顺序，其中分配给它的任何更大的数字只会将它带到另一个元素的前面，而transform:transitionz() 实际上将决定元素将更远的距离来自 z 轴上的另一个元素。

【讨论】：

【解决方案2】：

z-index-property 应该是堆叠定位元素的度量，而translateZ() 应该是动画和过渡以在 3d 空间中移动对象。

它们可以在在某些情况下互换使用，您可以了解更多关于here的信息。

【讨论】：