在bxSlider项目上使用CSS转换会破坏Safari中的动画

Question

升级到最新版本的bxSlider（v4.1）时，我遇到了这个问题。新版本具有响应性，因此使用transform在幻灯片之间进行，而不是使用left属性（在v3.x中使用）的旧方法。

我在这里创建了一个演示：http://jsfiddle.net/SXZjV/

在Safari 5中查看时，在块上悬停不会执行任何操作。但是，当通过检查器禁用-webkit-transform: translate3d(0px, 0px, 0px);时，动画可以正常工作。

有没有办法让两个转换协调工作？

非常感谢。

P.S。我还没有在Safari 6中测试这种行为，因为我目前正在运行Snow Leopard。

Answer 1

在Safari 5.1.9中对我来说也是如此。我管理CSS动画的唯一方法是使用包含“jQuery easing”：

 $('#bxslider').bxSlider({
      useCSS: false,
      easing: 'easeInBack' //Or other animation http://gsgd.co.uk/sandbox/jquery/easing/ 
  });

P.S。 顺便说一下，它适用于Safari 6（Mountain Lion）