CSS:标题覆盖导航菜单，打破悬停效果

Question

我目前正在这个网站上工作，刚刚注意到div#top覆盖菜单的问题，因此您只能在文本下方悬停链接。有人知道如何解决这个问题吗？http://gridironstuds.com/

Answer 1

指定div#top{height：100px;} 的高度并减小徽标图像的大小。

Answer 2

我使用了chrome检查器并简单地更改了它

div#top {position:absolute;}

自

div#top {position:static;}

它马上就修好了。不过问题，为什么你的标题在正文中？它应该在你的html的头部。

Answer 3

你已经解决了问题：div#top覆盖了菜单。要解决此问题，请缩短元素：将其height属性更改为较小的属性（看起来 88px 大约是完美的）。

尝试使用<div id="top" class="centerContainer" style="height:88px;"> .
如果看起来不错，请将其添加到master.css中的div#top规则中。

Answer 4

您可以尝试使用 z 索引将菜单置于标题图像上方。 然后，也许菜单的背景可以是透明的，以便之后仍然可见。