WordPress子菜单出现在内容后面，即使z索引很高

Question

我最近接管了一个WordPress网站，但子菜单根本没有出现。我用li:hover风格修复了这个问题，但现在子菜单出现在英雄区域后面。玩z指数没有运气。

这是我的两种风格：

.main-header .main-navigation li ul {
display: none;
position: absolute;
top: 20px;
padding-top: 0px;
text-align: left;
font-size: 1em;
}
.main-header .main-navigation li:hover ul {
display: block;
z-index: 9999999999;
}

有问题的站点：http://brashind.com/

Answer 1

如何添加对标头可见的溢出，就像这样。

<header class="main-header" style="overflow: visible;">  

我还会添加背景色：白色；到子菜单类，如果你要这样做，那么子菜单文本对英雄是可见的。

Answer 2

这是因为，在这个css文件上，有一个overflow: hidden;代表.main-header类：wp-content/themes/brashindustries/css/modules/header.css-line 28。您可以删除该行(不推荐-因为更新主题文件会删除您的修改(，也可以覆盖它，如：

header.main-header {
overflow: visible;
}