iPad Safari mobile, похоже, игнорирует позицию z-индексации для элементов видео html5

Question

У меня есть элемент видео на странице, который отлично работает как в Safari Mobile, так и на компьютере.У меня есть полупрозрачное выпадающее меню, которое работает нормально.Проблема в том, что когда меню находится над элементом видео, в настольном сафари я вижу видео под меню (по желанию), в то время как в мобильной версии элемент видео остается на переднем плане (безобразно) независимо от того, что я говорюCSSЕсть ли обходной путь?

Answer 1

У меня была эта проблема, которая возникала на мобильных устройствах с отключенным меню.Когда меню было поверх видео, вы не могли нажать ни на один из пунктов меню.

Я исправил это, переместив видео в другое место, когда меню было включено, установив его абсолютно равным -100000px, когда меню не отображалось, оно вернуло его в относительное положение.

Я обнаружил, что использование дисплея не работает, так как при повторной настройке блокировки видео не будет работать.

Я также попытался установить высоту 0 - это не сработало, поскольку видеоказалось, все еще занимал пространство, хотя ты не мог его видеть.

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