1

私はこれに似たようなことをしようとしています (ユーザーが要素の上にマウスを置いたときに少しのテキストを表示します)。これは、私のスクリプトが生成する html のスニペットです。

<svg width="400" height="400">
  <rect x="100" y="100" width="40" height="45" fill="darkred">
    <title>Some_Text, 50, 20.09%</title>
  </rect>
</svg>

上記のリンクの四角形にマウスを合わせるとテキストが表示されるため、四角形にマウスを合わせると何も表示されません。これは一貫性がありません。また、rect 内の title 要素を title 属性に変更しようとしましたが、問題は解決しませんでした。これを修正するにはどうすればよいですか?

最終的に欲しいのは、特定の要素の上にマウスを置いたときにテキストが表示されるようにすることです。これを行うためのより一貫した方法はありますか？これは小さな機能であり、通常は HTML に触れないため、単純な方法を好みます。

ありがとう！

更新: html を提供するために twistd (python) を使用しています。保存して、保存したhtmlをクロムで再度開くと、正常に機能します。twistd で何かが起こっているように思えます。

4

1 に答える 1

1

jsFiddle で簡単なテストを行いましたが、Chrome で動作しているようです。

http://jsfiddle.net/bnUDE/1/

ユーザーが長方形の上にカーソルを置いたときに表示されるテキストを探していると仮定しますか? 私の場合、ボックスに応じて、上、中、下のボックスです。

于 2012-06-28T20:03:46.347 に答える