我需要在鼠标悬停SVG Text元素时显示工具提示。我在网上找到的所有东西都说要添加一个Title元素作为SVG元素的第一个子元素。它适用于Chrome,但不适用于Safari,后者是我用户群的主要浏览器。
这是显示我的情况的简化示例。该

是一个FontAwesome灯泡图标,是我希望用户鼠标悬停并提供工具提示的元素。
<svg ...><text><title>some text</title></text></svg>
想法?
我测试了Safari 12.1中的以下片段,并且tooltop“some text”按预期显示。也许您正在测试旧版本的Safari,或者您使用的是影响此功能的插件?
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<svg width="50" height="50">
<text x="10" y="20" class="fas">
<title>some text</title>

</text>
</svg>