OwlCarousel在Safari浏览器中使用淡入淡出过渡幻灯片

Question

我正在使用插件：Owl Carousel

以下是我使用的设置代码：

$("#owl-demo").owlCarousel({

navigation : true, // Show next and prev buttons
autoPlay : 5000,
singleItem:true,
transitionStyle : "fade"     
});

它使用＆＃34; fade＆＃34;在Opera，Firefox和Chrome中过渡，但在Safari中没有。有没有人遇到过这个，找到了解决问题的理由和方法？

Answer 1

更改line 804的{​​{1}}：

owl.carousel.js

到

support3d = (asSupport !== null && asSupport.length === 1);

Example

Answer 2

就我而言，我的CSS中也有这个：

* {     transition:all .2s linear;      -o-transition:all .2s linear;     -moz-transition:all .2s linear;     -webkit-transition:all .2s linear;}

所以除了Dmitriy的解决方案，我只需要添加

 #owl-demo *  {   transition: none;     -o-transition:none;     -moz-transition:none;     -webkit-transition:none;      }