Question

我有svg元素的技巧工具提示（用d3生成）。我无法让它们显示在Firefox中的光标旁边，因此我在此回答the patch中跟踪了Tipsy tooltip positioning on d3 in firefox, IE，这解决了大部分问题。

但是，我使用此CSS规则在某些SVG元素周围创建环：

.t {
    cursor: default;
    stroke: #000000 !important;
    stroke-opacity: 0.7;
    stroke-width: 7px;
}

对于这些元素，在FF28中，tipsy将工具提示设置在元素的左上角：

enter image description here

是否有（适度无痛）的工作？修改tipsy的方法？或者我可以使用不同的CSS来获得相同的效果？

Answer 1

SVG具有许多与html相同的属性，这通常使它看起来像是交叉兼容的，但是我已经学到了很难的方法;你会变得非常远，然后在坚果中获取一些看似简单的东西根本不起作用： - ）

patch you mentioned似乎使用＆＃39; getBBox（）。width＆＃39;，这看起来是一个明智的补充，但最初在查看时，它并没有提到官方的SVG支持。< / p>

首先，我想说你应该使用官方支持的工具提示插件。

...然而

我看到该修补程序did a pull request的原始作者没有被引入主项目，但被拉入another person's fork。

该问题有评论：

＆＃34; ...我们应该将其纳入我们的版本，因为我们主要使用的是醉意的无论如何，在SVG上。＆＃34;

所以也许使用this version of tipsy by enjalot instead听起来好像svg支持对他们很重要。