css - 下拉菜单在内容下消失

Question

你可以在这里看到问题：http ://www.animavivo.com/

当您将鼠标悬停在“样式”上时，您应该会看到三个下拉项目。出于某种原因，它的一部分正在显示，其余的正在我的容器 div 下消失。为什么？

我已经做了一些研究，但我似乎无法找到答案：S 在此先感谢！

Answer 1

为您的导航 li ul 元素设置 z-index

Answer 2

给你想在悬停时显示的postion:absolute。<ul>

也添加z-index到 perticualr 项目

Answer 3

问题是您在导航栏上将溢出设置为隐藏：

#navbar {
    ...
    overflow: hidden; //remove this line
    ...
}