【发布时间】:2020-03-26 20:59:36
【问题描述】:
我正在使用字体很棒的品牌图标(例如 fab fa-css3-alt),但我无法在悬停时添加工具提示,我看到了一些建议,但它们不起作用。我尝试了 title 属性和 data-toggle 属性,但它们没有帮助。
例如:
<i class="fab fa-python"></i>
如何在悬停时添加工具提示?
【问题讨论】:
标签: css bootstrap-4 font-awesome
我正在使用字体很棒的品牌图标(例如 fab fa-css3-alt),但我无法在悬停时添加工具提示,我看到了一些建议,但它们不起作用。我尝试了 title 属性和 data-toggle 属性,但它们没有帮助。
例如:
<i class="fab fa-python"></i>
如何在悬停时添加工具提示?
【问题讨论】:
标签: css bootstrap-4 font-awesome
如果您使用的工具提示插件使用 ::before 伪元素,那么它会与 fontawesome 冲突,因为它还使用 pesudo 元素来显示图标。
最好将您的图标包装在另一个获取工具提示类的标签中:
<span class="tooltip" title="hello world"><i class="fa fa-random"></i></span>
【讨论】: