Backface-Visibility Not Working Properly in Firefox (Works in Safari)
我的背面可见性问题。它可以按照我希望在Safari / Chrome中的方式工作,但是由于某些原因,它在Firefox中无法正常工作。
当盒子翻转时,我得到了正面的镜像。
- 我在Firefox 10.0.2中有完全相同的问题!似乎该属性仅适用于正面,但是当它旋转180度旋转时,背面不再具有该属性。有人对此有解决方案吗?
该错误已被Mozilla确认。
解决方法是将transform: rotateX(0deg)添加到正面和背面对象。
按照@yalia的建议,在容器上添加backface-visiblity:hidden会使背面在Chrome中无响应,因此应避免此修复。
这是修复的小提琴。
-
使用transform: rotateX(0deg)修复与Safari相同的错误
-
很好的变换:rotateX(0deg)就像一个<3的符咒
-
我有不同的行为。添加变换:将rotateX(0deg)应用于两个面都隐藏了背面,但是将其添加到正面仅对我来说很好。
请尝试在对象及其容器上都放置"背面可见性:隐藏"。这是对我有效的错误
- 直到v30,此问题已在Firefox中修复。最新版本v31出现了相同的问题。给出的解决方案也对我有用。谢谢。
-
不幸的是,在容器上添加backface-visiblity:hidden会使背面在Chrome中无响应。
-
我在iPhone 6,Safari上也遇到了同样的问题。在大多数情况下,我看不出有什么理由不对主体应用backface-visibility:hidden,以便将其层叠到所有元素上(除了需要的地方)。
-
非常简单。为我工作。谢谢。
-
这会破坏Chrome和Safari的背面(使其忽略了鼠标的交互)
仅在父级中添加-moz-backface-visibility: hidden;。这对我有用。