Кнопки «Назад» и «Далее» находятся под изображением внутри слайда в модальном режиме bootstrap

Question

У меня есть несколько экземпляров слайдера на моем сайте, но один, в частности, вызывает у меня головную боль. Рассмотрим интернет-магазин, и все слайдеры (самые продаваемые, рекомендуются и т. Д. c.) Загружены с помощью слайдера Swiper, только на iOS (iPhone 5, 6 и 7), похоже, проблема внутри слайдера, который называется в модальном bootstrap, так как кнопки prev / next находятся под слайдами - вы можете их видеть, но вы можете ясно видеть, что они находятся под слайдами или всей оболочкой слайдера, и самое забавное то, что он работает с iPhone 4.

Я попытался изменить z-index при инициализации ползунка, но это ничего не изменило, я вижу, что z-index изменен в элементе проверки, но в iPhone 5, 6 и 7 ничего не изменилось.

Я пробовал обновить навигацию при инициализации слайдера, но ничего не изменилось.

Я переписал весь код инициализации, но он не исправил его.

Кто-нибудь знает, что попробовать следующий? Любая помощь будет принята с благодарностью.

Answer 1

Если вы пытаетесь использовать z-index, убедитесь, что элемент расположен (попробуйте настроить положение). Также посмотрите, установлено ли какое-либо свойство переполнения, которое приводит к такому поведению.

Answer 2

Решение этой проблемы несколько странное, но после добавления

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

к кнопкам «предыдущий» и «следующий» оно волшебным образом исправлено.

Причина возникновения этой проблемы до сих пор неизвестна.