JS 悬停菜单出现在我网站上的 DIV 后面

Question

我请求您的帮助。我正在处理的这个网页上的下拉菜单出现在#content div 后面。我确定这是一个 z-index 问题，但我已经梳理了我的 CSS，但找不到任何会导致此问题的东西。

有问题的页面： http://www.kent.edu/about/responsive/

用于比较的工作页面： http://www.kent.edu/about/

注意：我知道用于菜单的脚本很笨拙，但不幸的是我现在必须坚持下去。

提前致谢！

Answer 1

#main_nav 已应用overflow: hidden，因此#main_nav 不允许显示您的下拉菜单

从#main_nav 中删除overflow: hidden 应该可以解决问题。