CSS:包含导航菜单的标题,打破悬停效果

时间:2011-05-15 02:28:39

标签: html css

我目前正在这个网站上工作,刚刚注意到div#top的问题覆盖了菜单,所以你只能在文本下方悬停链接。有谁知道如何解决这个问题? http://gridironstuds.com/

4 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

您已经解决了问题:div#top覆盖了菜单。要解决此问题,请缩短元素:将其height属性更改为更小的值(看起来像88px是完美的)。

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

答案 2 :(得分:0)

我使用了chrome检查器,只是改变了这个

div#top {position:absolute;}

div#top {position:static;}

它固定了。但问题是,为什么你的头衔在体内呢?它应该在你的HTML的头部。

答案 3 :(得分:-2)

您可以尝试使用z-index将菜单置于标题图像上方。然后菜单的背景可能是透明的,以便之后仍然可见。