html - 半透明导航栏，后面有一个黑色 block (CSS/HTML/JS)

Question

我在一个带有响应式导航菜单的网站上工作(菜单使用 Trunk-js)菜单需要是半透明的。当移动 View 处于事件状态时，一切都很好，但是当调整窗口大小时(网站的桌面版本变为事件状态)菜单后面出现黑色 div，导航菜单变为灰色。花了几个小时找问题出在哪里没有结果。

你可以在这里找到我的网站:enter link description here

Answer 1

您需要将图片移到页眉后面。

它似乎被推到了它下面。

尝试将标题设置为:

header.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}

.content.slide {
    z-index: 1;
}

那么它应该可以工作了。