z-index不适用于safari

Question

我使用z-index错误停止了safari并且无法前进，几乎尝试了所有可能的方法，因为我的代码没有给我足够的编辑自由，因为代码已经使用了其他几个页面。

我正在解决这个问题，我的网站在移动视图中除了在safari主菜单中的所有浏览器都位于具有z-index的标题标记的下方，并且定位为从标题图像中获得切割感觉，这里你可以看到...

在这里你可以看到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

看起来.fusion-header-wrapper类中的定位absolute !important;正在影响堆叠上下文。

删除absolute !important;

要了解有关堆叠上下文的更多信息，请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context

中的示例部分