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

标签 jquery html css tooltip tiptip

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

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

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

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

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

提前致谢!

最佳答案

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

关于jquery - 工具提示仅适用于 href 的特定部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7119051/

相关文章:

javascript - 数据表垂直滚动问题

jquery - 如何避免样式继承

css - all, upto children 选择器

javascript - Closest 不适用于动态添加的内容

html - 点击页面缩小

html - 为什么父 div 不会和它的 child 一起成长

html - 以非逻辑顺序 float 3 个 div

html - 使 div 的高度为视口(viewport)高度的 100% 或页面的整个高度

html - 有没有办法设置内联伪样式、添加嵌套样式标签或嵌套样式或属性?

javascript - 无法使 "Enter"键调用函数而不是提交页面