IE如何處理無內容定位標記？

Question

我正在嘗試對我正在處理的網站上的圖像執行懸停效果。我遇到了兩個問題。首先是瀏覽器的具體情況，這是我的主要擔心。

錨標籤的問題：

當我查看網站在Chrome，Safari和Firefox的工具提示（Jquery tools）按預期工作。在查看IE瀏覽器時，懸停在上面真的很奇怪。當您的鼠標位於錨標籤的最外面一行像素（邊框）上時，似乎只能識別懸停。在Internet Explorer中，結果無法查看工具提示。我試過用Jquery工具以外的方式來做這件事，但即使使用HTML事件「onmouseover」，也會發生同樣的效果。

我在試驗這件事的時候嘗試了幾件事情，似乎如果我把某些東西放在錨標籤中，就像文本一樣，文本擴展了可靠區域。這很有趣，因爲這隻發生在Internet Explorer中。

對於我的環境，我在27" 運行與最新的Chrome，火狐，Safari和Internet Explorer 8測試兼容性監測

二z-index的問題：

我遇到的第二個問題是使用工具提示，好像工具提示雖然採用最高的z-index，但卻隱藏在我所面對的一所學校的形象之後，我想你們其中一個可能有一個線索是怎麼回事，因爲我很難過。

查看站點

我把網站放在jsfiddle.com上並最小化了它。這是我發佈的項目的鏈接。

http://jsfiddle.net/keirp/B9Cgc/

Answer 1

給你<a>一些尺寸和/或顯示塊或內聯塊。 IE瀏覽器無法獲得<a>的位置，當它們與其中沒有任何內聯時