z-index 不在 safari 上工作

Question

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

我正在处理这个问题，我的网站在移动设备上查看除 safari 主菜单之外的所有浏览器，位于具有 z-index 的标题标签下方，并定位为从 [= 中获得截断的感觉35=] 图片在这里你可以看到...

在这里你可以看到 css

Header--------第

.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 class 中的定位 absolute !important; 正在影响堆叠上下文。

删除 absolute !important;

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

中的示例部分

z-index 不在 safari 上工作

z-index not working on safari

css

z-index