隐藏在图片后面的下拉菜单

Question

我的网站的index.html上有一个下拉菜单和一张主照片。但是，当我将鼠标悬停在下拉菜单上时，它隐藏在主照片的后面，并且仅在调整窗口大小后才能看到。

这是我网站的链接： wanghenry79.github.io

将鼠标悬停在“资源”标签上时，应该可以看到隐藏在主照片后面的下拉菜单。

在此先感谢您的帮助！

Answer 1

问题是下拉菜单的z索引比图片的z索引低。
将此添加到下拉菜单<ul>中：
style="z-index: 9;"

Answer 2

从.newest-review-cover中删除position: relative;

.newest-review-cover {
    position: relative; // REMOVE THIS LINE
    z-index: 0;
    display: none;
}

或给av ul li:hover ul赋予z索引：

av ul li:hover ul {
    display: block;
    z-index: 1;
    }