悬停在SVG多边形上时不显示工具提示

时间:2012-08-31 20:54:19

标签: html svg tooltip

我有一张科罗拉多州的SVG地图,每个县有多边形。我希望在鼠标悬停时弹出县名,但这不会发生。我的县也设置了改变填充悬停,并且 正在发生。我不确定区别是什么。

这些只是标准的浏览器工具提示,在每个多边形的title属性中设置了预期的文本。

在这里小提琴:http://jsfiddle.net/mmparker/sVbxT/4/

1 个答案:

答案 0 :(得分:39)

对于SVG,您需要使用嵌套的<title>元素而不是title属性。例如。 <polygon points="..."><title>your title</title></polygon>