jquery - 动态水平菜单在隐藏时覆盖内容

Question

我有一个客户使用 Adob​​e Muse 模板构建了一个网站。他们让我创建一个表单以在他们的页面上使用。现在他们遇到了一个问题，即动态水平菜单会覆盖其下方的表单/内容，即使子菜单已隐藏，因此无法选择/更改子菜单足迹下的输入。

当悬停主菜单时，会显示子菜单-

但是当子菜单被隐藏时，该元素的足迹仍然存在
因此，无法选择/更改蓝色的任何输入。如果它们向上滚动，使元素位于蓝色区域下方，则可以选择/更改它们。

CSS 是我的弱点，所以我不确定要更改什么以在隐藏时压缩子菜单占用空间。使用 chrome 开发者工具我发现如果我取消选中 z-index: 192 或 position: fixed

然后问题就消失了，但主菜单也消失了。

我需要帮助了解我需要更改哪些属性。实时站点位于 http://utahdancefilmfestival.org/festival.html#submissions

不知道 Adob​​e Muse 产品，这个菜单/css 是否可能是由 jQuery 生成的，这就是我需要查看的地方？

Answer 1

我注意到的一件事是覆盖框并不是真正的子菜单足迹。它实际上一直在那里，即使没有悬停导航菜单。

看起来它的高度过高。所以我调整了高度...

#u11447 { height: 100px; }

... 得到这个:

通过高度调整，鼠标可以访问页面上的所有内容。