z-index 是 FireFox 中的重叠 css 3d 变换位置答案

【问题标题】：z-index is overlap css 3d transform position in FireFoxz-index 是 FireFox 中的重叠 css 3d 变换位置
【发布时间】：2013-09-07 09:35:24
【问题描述】：

我创建了一些 3d 演示：https://dl.dropboxusercontent.com/u/20810772/model/field.html webkit 渲染它很好。但在 FireFox 19/FF 每晚 z-index 重叠元素的 3d 变换位置。如果元素在 dom 中出现较晚，则它与 dom 中较早出现的元素重叠。

有什么办法可以解决吗？

致以最诚挚的问候。

【问题讨论】：

我检查了你的网址，z-index 有问题。使用 z-index 来维护堆栈顺序。与较早出现在 dom 中的元素相比，在 dom 中出现较晚的元素具有更高的 z-index。

标签： css firefox css-transforms

【解决方案1】：

不要将preserve-3d 和perspective 放在同一个元素上。将 preserve-3d 放在您的 3d 场景的外部容器上，透视应该会出现在该场景内的任何内容上。

【讨论】：

是的，所以？它对 FF fug 有什么帮助？
你试过了吗？它解决了问题吗？元素出现在 DOM 和 z-index 中的位置，在 3D 中无关紧要 - 您现在需要担心 z 轴。但是，您的 3D 舞台设置不正确，在浏览器中显示不规则的结果。