工具提示仅适用于 href 的某些部分
我正在尝试实现一些简单的工具提示（TipTip）效果，但由于某些奇怪的原因我无法让它工作：
http:// /basenharald.nl/3d/ 单击“pssst”，您将看到一些社交图标。我正在尝试在 Facebook 图标上创建一个工具提示。在它周围包裹一个 href（给它一个红色边框以进行测试）。 现在，当我将鼠标悬停在 href 上时，工具提示将仅出现在 href 元素的底部。
我不明白它为什么这样做。因为边框清楚地表明 href 完全包裹在图标周围。
一些帮助将不胜感激。 到目前为止，我尝试设置：高度、z-index、display:block（使布局崩溃）、浮动。似乎什么都不起作用。
此外。我希望工具提示出现在底部。只要我不向右滚动，这就可以正常工作。当滚动到右侧时，它会出现在左侧，并且布局会中断。
提前致谢！
I am trying to implement some simple tooltip (TipTip) effect, but for some weird reason i cannot get it to work:
http://basenharald.nl/3d/
Click on pssst, there you will see some social icons. I am trying to create a tooltip on the facebook icon. Wrapped a href around it (gave it a red border for testing).
Now when i hover the href the tooltip will only appear on the bottom part of the href element.
I cannot see why it does this. since the border clearly indicates that the href is fully wrapped around the icon.
Some help would be appreciated.
So far i tried to set: height, z-index, display:block (makes the layout fall apart), float. Nothing seems to work.
Furthermore. I want the tooltip to apear on the bottom. This works fine as long as i do not scroll to the right. When scrolled to the right it apears on the left and the layout breaks.
Thanks in advance!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您有一个 class="tab" 的 div 覆盖（z-index：999）您的面板。
You have a div with class="tab" that overlays (z-index: 999) your panel.