Question

我最近接管了一个WordPress网站，并且子菜单根本没有出现。我使用li：hover样式修复了该问题，但是现在子菜单出现在英雄区域的后面。玩z-index没有运气。

这是我的两种风格：

.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文件.main-header-wp-content/themes/brashindustries/css/modules/header.css上，您拥有line 28类的header.main-header { overflow: visible; }。您可以删除该行（不建议这样做-因为主题文件的更新将删除您的修改），也可以像这样覆盖它：

app.UseExceptionHandler("App1/Home/Error");

即使Z索引较高，WordPress子菜单也会出现在内容后面

2 个答案: