在IE中的FontAwesome图标上显示标题

问题描述

我的数据表中有一个带有标题的FontAwesome图标。标题在Chrome中显示正常，但在IE中显示不正常。我搜索了这个问题，但没有发现任何有用的信息。

要测试它，我将图标从数据表中复制出来并将其粘贴到页面的某个位置。我得到相同的结果（我认为这可能与jQuery数据表有关）。

这是HTML页面上的内容：

<i class='fa fa-edit' aria-hidden='true' title='Edit ABCDE'></i>

这就是渲染的内容（我将大部分SVG代码都截断了）：

<svg xmlns="http://www.w3.org/2000/svg" title="Edit ABCDE" class="svg-inline--fa fa-edit fa-w-18" role="img" aria-hidden="true" aria-labelledby="svg-inline--fa-title-Tck9jWzzHTo4" viewBox="0 0 576 512" data-icon="edit" data-fa-i2svg="" data-prefix="fa">
<title id="svg-inline--fa-title-Tck9jWzzHTo4">Edit ABCDE</title>
<path fill="currentColor" d="M 402.6 83.2 l 90.2 90.2 ..." />
</svg>

解决方法

我看不到标题与IE中的FontAwesome图标相关联但没有显示但在Chrome中运行正常的问题。我使用Bootstrap / jQuery工具提示来娱乐活动。

但是我将标题从图标移到了与其关联的锚点，它解决了问题。

我更改了：

<a href='...' ...><i class='fa fa-edit' aria-hidden='true' title='Edit ABCDE'></i></a>

收件人：

<a href='...' title='Edit ABCDE' ...><i class='fa fa-edit' aria-hidden='true'></i></a>

我仍然非常想知道为什么IE在显示FontAwesome图标中的标题时会感到窒息。