javascript - Owl Carousel 2 调整窗口大小错误

Question

我决定在 Owl Carousel 2 上制作一个 slider 。一切正常，我喜欢它，但我发现了一个错误。当我更改浏览器窗口的大小时(仅限 Chrome)， slider 元素会重新排列，并且背面有一个幻影元素。

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;
}