Wrappers浮动正在影响A标签悬停区域

时间:2011-03-26 13:35:33

标签: html css

我确信这很简单,但我只是没有看到它。 我的包装DIV向左浮动,其中的A标签正确显示但是鼠标悬停在它们上面,你会看到它们不是合适的高度/宽度。

我似乎无法让他们排成一列,有人可以快速查看并告诉我我失踪了吗?

Page is here, it's the social media icons

非常感谢任何帮助,我相信这很简单。

- 编辑 -

我在Mac上,到目前为止使用firefox和safari测试过,它们没有正确悬停,只有它们的最底部实际上可以用作按钮。

在firebug中,如果我删除了包装器浮动属性,则链接会按原样悬停。所以我知道它与浮动有关。

1 个答案:

答案 0 :(得分:1)

在Chrome上,图标排成一行,但正如您所说,只有它们的底部是活动的。问题是你的#branding元素向下延伸到#main的底部以下,部分模糊#subWrapper,#sub,#left和#right的一部分(虽然不足以导致问题)。

您可以将overflow: hidden放在#main上,但#branding中的图片会在底部被切断。 (图形看起来非常好,顺便说一句。)我想如果你只是在#sub或#subWrapper中添加一个正z-index,比如z-index: 1,那应该可以解决问题。