今天遇到了一個問題，當一個3D變換元素translateZ這個屬性的值為負值的時候，這個元素的Z-index就不會其作用，解決方法就是translateZ的值必須大于等于0才能讓Z-index 起作用。

?

原因：太累了，想了想，translateZ這個屬性的意思就是Z軸進行變換，可以理解為我們看到的3D物體都是有個旋轉點的，我們能看到旋轉點的前方的東西，就是Z>0,當Z<0的時候，就是物體在旋轉點后面了，我們的眼睛當然看不到了。Z-index又是一個層疊。理論上來說Z-index越高的就越靠前顯示，但是當你Z<0的時候，你這個物體都看不到了，何來談Z-index 呢？這是我的倉促理解。有空再來整理。先記著

轉載于:https://www.cnblogs.com/strangerqt/p/3858923.html

總結

以上是生活随笔為你收集整理的translateZ 带来的Z-index 问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。