html - 工具提示未显示在 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>