css - TranslateZ 和 Safari

Question

我有一个正在制作动画的 div，我正在使用旧的 translateZ hack 来强制硬件加速：

#random{
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
       -o-transform: translateZ(0);
          transform: translateZ(0);
}

除 safari 5.1 外，所有浏览器都可以正常工作。在 safari 中，整个 div 只是不呈现，您可以标记文本等，但它是透明的。

删除转换解决了问题，但还有其他解决方案吗？

Answer 1

它应该工作： http ://caniuse.com/transforms3d

如果没有，可以尝试砂纸插件：

砂纸 https://github.com/pbakaus/transformie