javascript - 上一个/下一个按钮位于引导模式中幻灯片内的图像下方

Question

我的网站上有多个滑块实例，但其中一个特别让我头疼。考虑 webshop 并且所有滑块（畅销书、推荐等）都加载了 Swiper 滑块，仅在 iOS（iPhone 5、6 和 7）上，在引导模式中称为 prev/next 的滑块内部似乎存在问题按钮位于幻灯片下方 - 您可以看到它们，但您可以清楚地看到它们位于幻灯片下方或滑块的整个包装下方，有趣的是它可以在 iPhone 4 上运行。

我尝试在滑块初始化时更改 z-index 但这并没有改变任何东西，我可以看到 z-index 在检查元素中发生了变化，但在 iPhone 5、6 和 7 中没有任何改变。

我尝试在滑块初始化时更新导航，也没有任何改变。

我重写了整个初始化代码，也没有修复它。

有人知道接下来要尝试什么吗？任何帮助将非常感激。

标签： javascriptcsssliderswiper

Answer 1

如果您尝试使用 z-index，请确保元素已定位（尝试位置调整）。另请查看是否设置了任何溢出属性，这会导致此行为。