css 背面可见性:在Safari上的网格中隐藏不起作用

ffscu2ro  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(107)

通过嵌套一个1:1的网格而不是使用flex和position: absolute,我已经非常接近于解决this problem了;然而,虽然它似乎真的,真的工作在Chrome和Firefox,在Safari我的背面是可见的:

非常奇怪的是,在黑暗模式下,它似乎短暂地正常工作,然后背面接管:

我如何使它,使我的“翻转”卡只显示正确的内容?Can I Use似乎认为backface-visibility已经在Safari中支持~永远。这是一个新的bug吗?我做错了什么?
(FYI,我使用的是Safari 16.0)
小提琴:
第一个

3zwtqj6y

3zwtqj6y1#

我在Safari上遇到了类似的问题,我想出的一个棘手的解决办法是调整变换时前后的不透明度。似乎在Safari/Chrome中都能很好地工作,似乎在黑暗模式下也能工作。
第一个

相关问题