Safari -webkit-backface-visibility 无法正常工作答案

【问题标题】：Safari -webkit-backface-visibility isn't working properlySafari -webkit-backface-visibility 无法正常工作
【发布时间】：2014-06-03 15:04:03
【问题描述】：

我有一个页面元素是 CSS 转换来翻转卡片的正面和背面。

在 Safari 中，我似乎无法隐藏正面背面或显示背面，这可能是因为正面 div 的背面没有按照应有的方式隐藏。

它在 Chrome 中完美运行，但不是 Safari。

我在这里发现了类似的问题，但提供的解决方案都没有任何效果。

.item-front, .item-back {
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

这是一个小提琴：

http://jsfiddle.net/ddolan/V2gvG/4/

【问题讨论】：

标签： jquery css safari transform

【解决方案1】：

Safari 目前需要为transition 和transform 加上-webkit 前缀。在您的小提琴中，您忘记在 .item-flipper 规则中添加前缀 transform-style: preserve-3d;。

只需添加-webkit-transform-style: preserve-3d;，您也可以进入 Safari。

【讨论】：

谢谢你，kremalicious！就是这样！