html - 悬停时内容被遮盖

Question

出于某种原因，当我将鼠标悬停在我网站上的菜单链接上时，下面的一半内容（图像滑块）消失了。

我似乎无法弄清楚为什么会这样

网址：http ://swampfighter.bmdigitalgroup.com/

非常感谢！

Answer 1

这是因为您在列表项的悬停状态下将高度设置为 100%。如果您删除它，它应该会正常运行。

如果您希望它覆盖导航栏的整个高度，我会将悬停样式设置为：

.navbar ul li:hover > a {    
    position: relative;
    height: 90px;
    background: #7eb378;
    z-index: 1000;
}