代码之家 › 专栏 › 技术社区 › user6041966

SVG标题工具提示未显示在文本元素上

tooltip svg html5 jquery javascript

0

user6041966 · 技术社区 · 6 年前

下面是一个简单的例子,展示了我的情况。这个

&#xf0eb;

是一个灯泡图标,它是我希望用户鼠标悬停并显示工具提示的元素。

<svg ...><text><title>some text</title>&#xf0eb;</text></svg>

思想?

1 回复 | 直到 6 年前

1

Matt 6 年前

我在Safari12.1中测试了以下代码片段,工具提示“sometext”如预期的那样出现。可能您正在使用旧版本的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>
    &#xf0eb;
  </text>
</svg>