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

Question

我有一个嵌入a的fontawesome图标，但工具提示没有弹出。

<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>