在鼠标悬停上显示文本 - 标题元素不一致，标题属性不执行任何操作

Question

我正在尝试执行与this类似的操作（当用户将鼠标放在元素上时显示一些文本）。这是我的脚本生成的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。

谢谢！

更新： 我正在使用twistd（python）来提供html。当我保存它并通过chrome重新打开保存的html时，它可以正常工作。对我来说听起来就像扭曲了一样。

Answer 1

我对jsFiddle进行了快速测试，似乎在Chrome中为我工作了吗？

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

假设您在用户将鼠标悬停在矩形上时寻找要显示的文字？在我的情况下，顶部，中间和底部框取决于框。