z-index не работает на сафари

Question

Я остановился на сафари с ошибкой z-index и не могу двигаться вперед, попробовал почти все возможные способы, так как мой код не дал мне достаточно свободы для редактирования, потому что код использовал несколько другие страницы.

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

и здесь вы можете увидеть CSS

Заголовок --------- раздел

.fusion-header-wrapper { 
    background: rgba(0, 0, 0, 0) url("wp-content/uploads/2015/10/bg-1-34-8.jpg") repeat scroll center top/cover !important; 
    height: 335.5px; 
    width: 100%; 
} 
.fusion-header-wrapper { 
    position: absolute !important; 
    width: 100% !important; 
} 
.fusion-header-wrapper { 
    z-index: unset !important; 
} 
.fusion-header-wrapper { 
    z-index: 1; 
} 
.fusion-header-wrapper { 
    position: relative; 
    z-index: 10010; 
} 

Предметы Возглавлять -----------

.footer-press-title { 
    padding-bottom: 30px !important; 
} 
.fusion-imageframe { 
    z-index: 1; 
} 
.fusion-imageframe { 
    display: inline-block; 
    max-width: 100%; 
    position: relative; 
    z-index: 1; 
} 

Answer 1

Похоже позиционировании absolute !important; в .fusion- Класс header-wrapper влияет на контекст укладки.

Снимите absolute !important;

Чтобы узнать больше о штабелирования Context в разделе Пример в https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context