上一個/下一個按鈕位於引導模式中幻燈片內的圖像下方

Question

我的網站上有多個 slider 實例，但其中一個特別讓我頭疼。 考慮 webshop 並且所有滑塊（暢銷產品、推薦等）都加載了 Swiper slider，僅在 iOS（iPhone 5、6 和 7）上似乎存在問題按鈕位於幻燈片下方 - 您可以看到它們，但您可以清楚地看到它們位於幻燈片下方或 slider 的整個包裝之下，有趣的是它可以在 iPhone 4 上運行。

我嘗試在 slider 初始化時更改 z-index 但這並沒有改變任何東西，我可以看到 z-index 在檢查元素中發生了變化，但在 iPhone 5、6 和 7 中沒有任何改變。

我嘗試在 slider 初始化時更新導航，也沒有任何改變。

我重寫了整個初始化代碼，也沒有修復它。

有人知道接下來要嘗試什么嗎？ 任何幫助將非常感激。

Answer 1

如果您嘗試使用 z-index，請確保元素已定位（嘗試 position 調整）。 另請查看是否設置了任何溢出屬性，這會導致此行為。

Answer 2

這個問題的解決方法有點奇怪，但是添加之后

-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);

到上一個和下一個按鈕它神奇地固定。

最初導致此問題的原因仍然未知。