网站菜单隐藏在页面后面 - Z-index

Question

我正在处理一个网站问题，因为菜单只显示主页上的第一个子项目（覆盖在metaslider顶部），但菜单在其余页面上正确显示。我试过操作菜单的z-index，滑块和页面内容都无济于事。

我想到的是当网站内容包含div的时候，z-index为100（现在就是这样）：

.site-content-contain {
    z-index: 100!important;
}

网站内容显示但菜单有问题。 一旦它的值为99或更低，我可以正确访问菜单，但站点容器有问题。

其他相关信息是所使用的主题是TwentySeventeen的定制儿童。

这是链接： https://www.enitan.co.uk/home/

Answer 1

CSS

#masthead {
    z-index: 999;
    background-color: red !important; /*You need to use gradient color here */
}

Answer 2

如果您从标题（z-index）和网站容器（.site-header）中删除.site-content-contain，我会使您的菜单有效：

但它不是真的可读（白色/白色），也许你可以添加边框或盒子阴影