猫头鹰图像轮播 - 闪烁的按钮

Owl Image Carousel - Flickering buttons

本文关键字:闪烁 按钮 图像 猫头鹰      更新时间:2023-09-26

我使用猫头鹰轮播插件创建了一个基本的图像轮播。

默认情况下,"

上一个"和"下一个"按钮出现在图像下方,我在 CSS 中使用负边距将它们推到图像上。

但是,现在,当我将鼠标悬停在按钮上时,它们开始闪烁。还有其他人遇到过这种情况吗?知道如何解决这个问题吗?

将按钮的 z 索引设置为比滑动div 更高的位置,并将背面可见性:隐藏; 放在按钮上并同时滑动。

为了防止按钮闪烁,只需将".owl-wrapper"设置为比".owl-pagination"具有更低的z索引。

感谢您如此迅速地解决这个问题。