工具提示未显示在 fontawesome 图标按钮上

Question

我有一个 fontawesome 图标嵌套在 a 中，但工具提示没有弹出。

<i class="fa fa-random" title="some tooltip"></i>

风格：

i.fa {
    display: inline-block;
}

Answer 1

如果您使用的工具提示插件使用 ::before 伪元素，那么它会与 fontawesome 冲突，因为它也使用伪元素来显示图标。

最好将您的图标包裹在另一个获取工具提示的标签中 class:

<span class="tooltip" title="hello world"><i class="fa fa-random"></i></span>