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

-1

我正在处理的网站存在问题，因为该菜单仅显示主页上的第一个子项（覆盖在metaslider顶部），但菜单在其余页面上正确显示。我试图操纵菜单的Z-index，滑块和页面内容无济于事。网站菜单隐藏在页面后面 - Z-index

我已经想通了，是当网站内容包含的div被赋予100的z-index（就像现在）：

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

网站内容显示，但菜单中有一个问题。只要它的值是99或更小，我可以正确访问菜单，但是网站容器有问题。

其他相关信息是，正在使用的主题是TwentySeventeen的定制孩子。

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

来源

2017-04-22 Enoch S

请阅读[我的网站上的某些内容不起作用。我可以只粘贴一个链接吗？]（http://meta.stackoverflow.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-IT）。当外部资源消失或者固定时，依赖于外部资源被理解的问题变得毫无用处。创建一个[MCVE]并将其置于**问题本身**中。 – Quentin

-1

我做，如果你要从你的头（.site-header）和你的站点容器（.site-content-contain）删除z-index您的菜单的工作原理：

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

来源

2017-04-22 11:27:04 soywod

不知道为什么你downvoted，但这解决了我的问题，我不得不将z-index设置为自动选择默认（我相信是3） –

CSS

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

来源

2017-04-22 11:44:22

如果你把这个CSS属性你的问题将解决只是检查你需要添加淡入淡出透明颜色.... –

其实这也是工作，但我只是CSS ID –

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

回答

相关问题