Safari中的CSS过渡问题

Question

这在safari中失败了。在chrome，opera和firefox中测试好了。

当鼠标悬停在div（1）上时，子div（2）会通过修改left属性来滑动。

第二个div包含子元素（按钮），它们的父div（2）的幻灯片转换不会闪烁。

**username:Alex
**password:passwordAlex

访问用户页面的示例：

http://monkey-me.herokuapp.com/users

完成CSS：

https://github.com/coolcatDev/monkey-me-heroku/blob/master/static/css/style.css

div的参考：

**div(1)->class .contentUser
**div(2)->class .contentButtonWrap
**child buttons of div(2)->class .contentButton

Answer 1

添加以下内容作为转换元素（div 2）的样式的一部分解决了它：

-webkit-transform-style: preserve-3d;

在safari 5.1.10和6

中没有此属性的情况下会发生错误