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

Mat*_*ker 19 html svg tooltip

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

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

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

Rob*_*son 39

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