jquery - 工具提示仅适用于 href 的特定部分

Question

我正在尝试实现一些简单的工具提示 (TipTip) 效果，但由于某些奇怪的原因我无法让它工作:

http://basenharald.nl/3d/点击pssst，你会看到一些社交图标。我正在尝试在 facebook 图标上创建一个工具提示。在它周围包裹了一个 href(给它一个红色边框用于测试)。现在，当我将鼠标悬停在 href 上时，工具提示只会出现在 href 元素的底部。

我不明白为什么要这样做。因为边框清楚地表明 href 完全包裹在图标周围。

一些帮助将不胜感激。到目前为止，我尝试设置:高度、z-index、显示: block (使布局分崩离析)、 float 。似乎没有任何效果。

此外。我希望工具提示出现在底部。只要我不向右滚动，这就可以正常工作。当向右滚动时，它会出现在左侧并且布局会中断。

提前致谢!

Answer 1

您有一个带有 class="tab"的 div 覆盖(z-index:999)您的面板。