在bxSlider項目上使用CSS變換在Safari中破壞動畫

升級到最新版本的bxSlider（v4.1）時遇到此問題。新版本具有響應性，因此使用transform來放置幻燈片，而不是使用left屬性（在v3.x中使用）的舊方法。在bxSlider項目上使用CSS變換在Safari中破壞動畫

我已經在這裏創造一個演示：http://jsfiddle.net/SXZjV/

當Safari 5的觀察，對塊懸停沒有做任何事情。但是，通過檢查員禁用-webkit-transform: translate3d(0px, 0px, 0px);時，動畫工作正常。

有沒有辦法讓兩個變換協調工作？

非常感謝。

P.s.我目前尚未在Safari 6中測試此行爲，因爲我目前正在運行Snow Leopard。

2013-03-28 Stibily

在Safari 5.1.9中對我也一樣。只有這樣我管理CSS動畫使用包括「jQuery的寬鬆政策」工作：

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

附：順便說一句，它在Safari 6（山獅）上工作

2013-06-06 08:52:16

回答