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