Использование преобразований CSS в элементах bxSlider разбивает анимацию в Safari

Question

Я столкнулся с этой проблемой при обновлении до последней версии bxSlider (v4.1). Новая версия является отзывчивой и поэтому использует transform для перехода от слайдов, а не к старому способу использования свойства left (используется в версии 3.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 ослабления":

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

P.S. Кстати, он работает на Safari 6 (Mountain Lion)