【问题标题】:Owl Image Carousel - Flickering buttons猫头鹰图像轮播 - 闪烁的按钮
【发布时间】:2023-03-09 06:35:02
【问题描述】:

我使用 Owl Carousel 插件创建了一个基本的图像轮播。

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

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

【问题讨论】:

  • 请提供一个 JSfiddle 或代码来说明问题。 (顺便说一句,在按钮上尝试z-index: 999;
  • 请出示您的代码
  • z-index:999;对按钮不起作用。当我使用带有多个 CSS 文件的插件时,如何制作 JSfiddle?
  • 试试这个 owl-wrapper 的 z-index 小于 owl-pagination 的 z-index
  • @lv0gun9 是的,太棒了,成功了!非常感谢!

标签: javascript jquery html css carousel


【解决方案1】:

将按钮的 z-index 设置为高于幻灯片 div 并设置 backface-visibility:hidden;在按钮上并滑动两者。

【讨论】:

    【解决方案2】:

    为防止按钮闪烁,只需将“.owl-wrapper”设置为比“.owl-pagination”低的 z-index。

    感谢您这么快解决这个问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-21
      • 1970-01-01
      • 2023-03-25
      • 1970-01-01
      • 2014-10-09
      相关资源
      最近更新 更多