javascript - 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 相同，并且不会将标题属性显示为工具提示。