SVG ポリゴンにマウスを移動してもツールチップが表示されない 質問する

SVG ポリゴンにマウスを移動してもツールチップが表示されない 質問する

コロラド州のSVGマップに各郡のポリゴンがあります。マウスをホバーすると郡名が表示されるようにしたいのですが、うまくいきません。郡の塗りつぶしもホバーすると変わるように設定していますが、何が起こっているのかわかりません。

titleこれらは、各ポリゴンの属性に意図されたテキストが設定された、標準的なブラウザ ツールチップです。

ここでフィドルします:http://jsfiddle.net/mmparker/sVbxT/4/

ベストアンサー1

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

おすすめ記事