包裝浮動正在影響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標籤懸停區域

回答

相關問題