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

Question

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

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

风格：

i.fa {
    display: inline-block;
}

Answer 1

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

最好将您的图标包装在另一个获取工具提示类的标签内：

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