フクロウカルーセル2アニメーションは、私がフェードインとフェードアウト効果をanimate.cssとフクロウカルーセルバージョン2.0.0を使用しています

Question

クロームの最新バージョン（V52）で動作していないし、その52.0.2743.116

以下はクロームの最新バージョンで動作しませんフェードアイテムに使用したスクリプトです。

$('.owl-carousel').owlCarousel({  
    //loop:true, 
    margin:10, 
    nav:true, 
    items:1,  
    animateIn: 'fadeIn', 
    animateOut: 'fadeOut', 
    mouseDrag: false, 
    touchDrag: false, 
    responsive:{ 
     0:{ 
      items:1 
     }, 
     600:{ 
      items:1 
     }, 
     1000:{ 
      items:1 
     } 
    } 
}) 

助けてください。

Answer 1

これには以下のCSSを追加する必要があります。

.owl-carousel .owl-wrapper-outer{ 
     overflow: hidden; 
     position: relative; 
     width: 100%; 
     z-index: 1; // added this 
} 
.owl-item { 
    transform: translateZ(0); 
    -webkit-transform: translateZ(0); 
    -ms-transform: translateZ(0); 
} 

私のために働きます。