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

Question

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

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

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

CSS是我的弱点，所以我不确定我想要改变什么来隐藏隐藏的子菜单足迹。使用Chrome开发者工具，我发现如果取消选中z-index: 192或position: fixed

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

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

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

Answer 1

我注意到的一件事是，重叠框并不是真正的子菜单。它实际上总是在那里，即使导航菜单没有被徘徊。

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

#u11447 { height: 100px; }

......得到了这个：

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

Answer 2

我最近一直在试验Muse，特别是Muse CC Responsive预发布应用。一定要注意你的图层安排。 Muse使用层，就像在Photoshop和Illustrator中工作一样。正确的安排将为您节省很多挫折。此外，熟悉母版页的工作原理。例如，在母版页中创建页眉或页脚时，它会自动填充到站点地图的其余部分。您也无法编辑母版页之外的页眉/页脚区域。

希望我能够提供帮助。