html - SVGポリゴンにカーソルを合わせたときにツールチップが表示されない

Question

コロラドのSVGマップがあり、各郡のポリゴンが含まれています。マウスホバーで郡名をポップアップ表示したいのですが、それは発生していません。ホバー時に塗りつぶしを変更するように郡も設定していますが、それが起こっています。違いはわかりません。

これらは単なる標準のブラウザツールチップであり、各ポリゴンのtitle属性に目的のテキストが設定されています。

ここでフィドル：http：//jsfiddle.net/mmparker/sVbxT/4/

Answer 1

<title>SVGの場合、title属性ではなくネストされた要素を使用する必要があります。例えば<polygon points="..."><title>your title</title></polygon>