貓頭鷹旋轉木馬2調整窗口大小錯誤

Question

我決定對貓頭鷹旋轉木馬滑塊2.一切工作正常，我喜歡它，但我發現一個bug。當我更改瀏覽器窗口的大小（僅限Chrome）時，滑塊項目會重新排列，背面有一個幻像項目。

HTML：

<div class="owl-carousel"> 
    <img src="http://placehold.it/320x240?text=Slide%200"> 
    <img src="http://placehold.it/320x240?text=Slide%201"> 
    <img src="http://placehold.it/320x240?text=Slide%202"> 
    <img src="http://placehold.it/320x240?text=Slide%203"> 
</div> 

腳本：

$(".owl-carousel").owlCarousel({ 
    loop: true, 
    margin: 20, 
    items: 3, 
    nav: true, 
}); 

截圖：

我怎樣才能解決呢？

[Codepen]

Answer 1

試試這個

.owl-carousel .owl-item img { 
    -webkit-backface-visibility: hidden; 
}