css - https ://codepen. io/nordstromdesign/pen/gsvJj/3DCircle Flip 在 firefox 中无法正常工作

Question

检查此链接，那里有 3DCircle Flip。在 Chrome 中它的工作 正确但在 Firefox 中翻转文本时不会改变

Answer 1

我已将 z-index: 2; 添加到 .back {}，这在 FF 中对我有用。

现在 .back{} 看起来像这样:

.back {
transform: rotate3d(45,45,0,180deg);
z-index: 2;
background-color: #fff;
}

我不知道将 z-index 应用于您的元素时的正确值。但是值 2 在这里起作用。您可以根据使用的元素数量尝试不同的值。