包装浮动正在影响A标签悬停区域
我确定这是简单的,但我只是没有看到它。 我的包装DIV是向左浮动的,其中的A标签正确显示,但是鼠标悬停在它们上面,您会看到它们不是合适的高度/宽度。包装浮动正在影响A标签悬停区域
我似乎无法让他们排队,有人可以快速查看并告诉我我失踪了什么?
Page is here, it's the social media icons
任何帮助是极大的赞赏,我再次肯定它的东西很简单。
- 编辑 -
我是一台Mac,到目前为止,与Firefox和Safari上测试,他们不正确地徘徊,只有他们的十分底部实际上充当按钮。
在firebug中,如果我删除包装浮动属性,链接悬停,因为他们应该。所以我知道这与浮球有关。
在Chrome上,图标排成一行,但正如您所说,只有它们的底部部分处于活动状态。问题在于#branding元素向下延伸到#main的底部,部分遮住了#subWrapper,#sub,#left和#right的一部分(尽管不足以导致问题出现)。
您可以将overflow: hidden
放在#main上,但是#branding中的图形会在底部切断。 (图形看起来很不错,顺便说一句。)我想如果你只是给#sub或者#subWrapper添加一个正的z-index,比如z-index: 1
,那应该可以做到。
好吧,你绝对是对的,那就是问题所在。当我推动品牌建设时,它解决了问题。我试过改变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
这些图标对我来说很好看...... – Czechnology 2011-03-26 13:38:37
正确,但图标只作为图像底部附近的链接,而不是他正在查找的整个图像。 – 2011-03-26 14:23:15