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

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

我似乎无法让他们排队，有人可以快速查看并告诉我我失踪了什么？

Page is here, it's the social media icons

任何帮助是极大的赞赏，我再次肯定它的东西很简单。

- 编辑 -

我是一台Mac，到目前为止，与Firefox和Safari上测试，他们不正确地徘徊，只有他们的十分底部实际上充当按钮。

在firebug中，如果我删除包装浮动属性，链接悬停，因为他们应该。所以我知道这与浮球有关。

来源

2011-03-26 Stefan

这些图标对我来说很好看...... – Czechnology 2011-03-26 13:38:37

正确，但图标只作为图像底部附近的链接，而不是他正在查找的整个图像。 – 2011-03-26 14:23:15

在Chrome上，图标排成一行，但正如您所说，只有它们的底部部分处于活动状态。问题在于#branding元素向下延伸到#main的底部，部分遮住了#subWrapper，#sub，＃left和#right的一部分（尽管不足以导致问题出现）。

您可以将overflow: hidden放在#main上，但是#branding中的图形会在底部切断。（图形看起来很不错，顺便说一句。）我想如果你只是给#sub或者#subWrapper添加一个正的z-index，比如z-index: 1，那应该可以做到。

来源

2011-03-26 14:23:44

好吧，你绝对是对的，那就是问题所在。当我推动品牌建设时，它解决了问题。我试过改变z-index没有运气，我从来没有必须使用z-index。最后有机会使用它。我会摸索我的方式，希望找出如何让这个东西正确显示，非常感谢你的帮助（和恭维！）=） – Stefan 2011-03-26 16:51:48

明白了！疯狂的事情是，我甚至没有碰过Z-index。在阅读[Smashing杂志]（http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/）上一篇不错的文章后，我看到提到了“自然“索引顺序。通过使用position：relative;我按照自然的顺序推动它，并让它工作。再次感谢您让我走上正确的道路！ – Stefan 2011-03-26 16:57:15

不客气。很高兴听到它解决。 – 2011-03-28 18:10:59

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

回答

相关问题