Prev/Next 按钮位于 bootstrap 模式中幻灯片内的图像下方
Prev/Next buttons are under image inside slide in bootstrap modal
我的网站上有多个滑块实例，但其中一个特别让我头疼。
考虑网上商店，所有滑块（畅销品、推荐等）都加载了 Swiper 滑块，仅在 iOS (iPhone 5、6 & 7) 滑块内部似乎存在问题在 bootstrap 模式中调用，因为 prev/next 按钮在幻灯片下方 - 你可以看到它们，但你可以清楚地看到它们在幻灯片下方或滑块的整个包装器下方，有趣的是它正在 iPhone 4.
我尝试在滑块初始化时更改 z-index，但没有任何改变，我可以看到 z-index 在检查元素中发生了变化，但在 iPhone 5、6 和 7 中没有任何变化。
我尝试在滑块初始化时更新导航，但也没有任何改变。
我重写了整个初始化代码，也没有修复它。
有人知道下一步要做什么吗？任何帮助将不胜感激。
如果您尝试使用 z-index，请确保元素已定位（尝试调整位置）。另请查看是否设置了任何溢出 属性，这会导致此行为。
这个问题的解决方法有点奇怪，但是加上
-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
上一个和下一个按钮神奇地修复了。
最初导致此问题的原因仍然未知。
我的网站上有多个滑块实例，但其中一个特别让我头疼。 考虑网上商店，所有滑块（畅销品、推荐等）都加载了 Swiper 滑块，仅在 iOS (iPhone 5、6 & 7) 滑块内部似乎存在问题在 bootstrap 模式中调用，因为 prev/next 按钮在幻灯片下方 - 你可以看到它们，但你可以清楚地看到它们在幻灯片下方或滑块的整个包装器下方，有趣的是它正在 iPhone 4.
我尝试在滑块初始化时更改 z-index，但没有任何改变，我可以看到 z-index 在检查元素中发生了变化，但在 iPhone 5、6 和 7 中没有任何变化。
我尝试在滑块初始化时更新导航，但也没有任何改变。
我重写了整个初始化代码，也没有修复它。
有人知道下一步要做什么吗？任何帮助将不胜感激。
如果您尝试使用 z-index，请确保元素已定位（尝试调整位置）。另请查看是否设置了任何溢出 属性，这会导致此行为。
这个问题的解决方法有点奇怪，但是加上
-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
上一个和下一个按钮神奇地修复了。
最初导致此问题的原因仍然未知。