工具提示仅适用于href的某些部分

Question

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

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

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

一些帮助将不胜感激。 到目前为止我试图设置：height，z-index，display：block（使布局分开），float。似乎没什么用。

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

提前致谢！

Answer 1

你有一个带有class =“tab”的div，它覆盖了（z-index：999）你的面板。