背面可见性在Firefox中无法正常工作

背面可见性在Firefox中无法正常工作

本文介绍了背面可见性在Firefox中无法正常工作(在Safari中可用)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的背面可见性问题。它可以按照我想要的在Safari / Chrome中的方式运行,但是由于某些原因,它在Firefox中无法正常运行。

I'm having a problem with the back face-visibilty property. It works how I want it to in Safari/Chrome, but for some reason it's not working correctly in Firefox.

当盒子翻转时,我得到正面的镜像。

When the box flips, I get a mirror image of the front face.

推荐答案

此错误已。

解决方法是在前面和后面的对象中添加转换:rotateX(0deg)

The fix is to add transform: rotateX(0deg) to the front and back objects.

按照@yalia的建议,在容器上添加 backface-visiblity:hidden ,会使背面在Chrome中无响应,因此应避免修复。

Adding backface-visiblity:hidden on the container, as suggested by @yalia, makes the back unresponsive in Chrome, hence that fix should be avoided.

这里是带有修复的。

这篇关于背面可见性在Firefox中无法正常工作(在Safari中可用)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-23 13:34