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

Question

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

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

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

CSS 是我的弱点，所以我不确定我在寻找什么来改变隐藏时压缩子菜单的足迹。如果我取消选中z-index: 192或使用我发现的 chrome 开发人员工具position: fixed

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

我需要帮助知道我需要更改哪些属性。现场直播网站位于http://utahdancefilmfestival.org/festival.html#submissions

不知道 Adob​​e Muse 产品，这个菜单/css 是否有可能是由 jQuery 生成的，而这正是我需要寻找的地方？

Answer 1

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

似乎它的高度太高了。所以我调整了高度...

#u11447 { height: 100px; }

...并得到了这个：

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

Answer 2

我最近一直在试验 Muse，特别是 Muse CC Responsive 预发布应用程序。请务必注意您的图层排列。Muse 使用图层就像在 Photoshop 和 Illustrator 中工作一样。适当的安排将为您节省很多挫败感。此外，熟悉母版页的工作方式。例如，当您在母版页中创建页眉或页脚时，它会自动填充到站点地图的其余部分。您也不能编辑母版页之外的页眉/页脚区域。

希望我能提供帮助。