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

Dynamic horizontal menu overlays content when hidden

我有一个客户使用 Adob​​e Muse 模板构建了一个网站。他们让我创建一个表单以在他们的页面上使用。现在他们有一个问题,动态水平菜单覆盖了它下面的 form/content,即使子菜单被隐藏,所以子菜单足迹下的输入不能是 selected/changed.

悬停主菜单时,显示子菜单-

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

CSS 是我的弱点,所以我不确定要更改什么以在隐藏时压缩子菜单占用空间。如果取消选中 z-index: 192position: fixed

,我会使用 chrome 开发人员工具


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

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

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

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

好像身高过高了。所以我调整了高度...

#u11447 { height: 100px; }

...得到这个:

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

我最近一直在试用 Muse,特别是 Muse CC Responsive 预发布应用程序。一定要注意你的图层排列。 Muse 使用图层就像在 Photoshop 和 Illustrator 中工作一样。适当的安排会让你省去很多麻烦。此外,熟悉母版页的工作原理。例如,当您在母版页中创建页眉或页脚时,它会自动填充到站点地图的其余部分。您也不能编辑母版页之外的 header/footer 区域。

希望我能帮上忙。