SVG 悬停在 IE9 或 Chrome 中不起作用

Question

我有一个基本的SVG，当您将鼠标悬停在对象上时会显示标题。它在 FF 38 中运行良好，但在 IE9 或 Chrome 中根本不行。

我缺少对 Chrome 和 IE 的特定要求吗？

Fiddle

Answer 1

在 SVG 中，工具提示是作为子标题元素实现的，而不是像在 html 中那样作为标题属性。所以你需要创建一个看起来像这样的东西......

<path d="whatever">
    <title>Yellow 999</title>
</path>

您看到的是bug in Firefox that I fixed recently。 Firefox 46 及更高版本将与 Chrome 和 IE 一样工作，并且不会将标题属性显示为工具提示。