我正在使用CSS3的变换rotateX创建一个磁盘，它应该有文本。但是我在Safari中遇到的问题是文本切入磁盘。您可以在此处使用示例代码集：http://codepen.io/nichmekof/pen/ZYbRgx
它在我所有其他浏览器中的运行方式，只是Safari导致问题。
transform: rotateX(70deg) rotateZ(0deg);
任何人都有解决问题的想法吗？
答案 0 :(得分：0)
我猜safari使用-webkit前缀
您的问题也可以通过在文字中添加一个小旋转来解决
&:nth-child(1) { -webkit-transform: rotateX(5deg) translate(20px, 280px); }
答案 1 :(得分：0)
我已经找到了自己问题的答案。
只需要使用translate3d而不仅仅是翻译。
&:nth-child(1) { transform: translate3d(20px, 280px, 300px); }