翻转卡在 Safari 中不显示背面

Posted 2023-03-04

【中文标题】翻转卡在 Safari 中不显示背面

【英文标题】：Flip card not showing backside in Safari

【发布时间】：2022-01-19 12:04:10

【问题描述】：

我制作了一个项目网页，其中有一些悬停时的翻转卡片。它在 Chrome、Firefox 和 Edge 中运行良好。然而在 Safari 中，它会翻转，但在卡的背面没有显示任何内容。我添加了一些 -webkit 元素，希望能够解决它，但它并没有改变任何东西。Here is link to my Codepen。

如何在 Safari 中完成这项工作？

【问题讨论】：

我在 chrome 上，不适合我

@Pauldb 但我也在 chrome 上，看起来不错...有什么区别？

【参考方案1】：

删除了这两条线以解决问题..仅在 chrome 上测试：

   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;

【讨论】：

不知道 chrome 的问题是什么，但 Safari 仍然显示白卡

并在 Firefox 中实际删除了这个问题?‍♀️