Javascript firefox中tipsy、svg和css的解决方案?

Javascript firefox中tipsy、svg和css的解决方案?,javascript,css,svg,d3.js,tipsy,Javascript,Css,Svg,D3.js,Tipsy,我有一些关于svg元素的工具提示(用d3生成)。在Firefox中,我很难让它们显示在光标旁边,所以我在回答中使用了link to,解决了大部分问题 但是,我使用此CSS规则在某些SVG元素周围创建环: .t { cursor: default; stroke: #000000 !important; stroke-opacity: 0.7; stroke-width: 7px; } 对于这些元件,在FF28中,tipsy将刀具尖端设置在元件的左上角: 是否

我有一些关于svg元素的工具提示(用d3生成)。在Firefox中,我很难让它们显示在光标旁边,所以我在回答中使用了link to,解决了大部分问题

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

.t {
    cursor: default;
    stroke: #000000 !important;
    stroke-opacity: 0.7;
    stroke-width: 7px;
}
对于这些元件,在FF28中,tipsy将刀具尖端设置在元件的左上角:


是否有(适度无痛)的治疗方法?一种改变醉意的方法?或者我可以使用不同的CSS来获得相同的效果?

SVG有许多与html相同的属性,这常常使它看起来像是交叉兼容的,但正如我所学到的那样;你会走得很远,然后因为一些看起来简单的东西根本不起作用而大吃一惊:-)

似乎使用了“getBBox().width”,这看起来是一个合理的添加,但最初在查看tipsy时,它没有提到官方的SVG支持

因此,首先,我想说,您可能应该使用官方支持的工具提示插件

然而

我看到那个补丁的原作者没有被拉入主项目,而是被拉入了主项目

该问题有如下评论:

“…我们应该把它放到我们的版本中,因为我们大部分都是喝醉酒的。” 反正是在SVG上。”


所以,也许使用svg对他们来说很重要。

我想回答,但我不明白!我看不出CSS会以任何方式影响位置的计算。如果有的话,工具提示应该更靠近圆,因为它不会影响笔划的宽度。工具提示位置不正确的元素还有什么独特之处?你在圆圈或它们的祖先身上使用什么样的转换?“这个版本的tipsy由enjalot代替”js帮助我解决了firefox中的问题,谢谢Alex,但这在IE中不起作用。你能给我另一个在IE中使用现有功能的解决方案吗!您好@0MV1我建议您专门针对您的需要创建一个新问题,这样会得到社区的更多关注。好的@Alex感谢您的回复,我将创建一个新问题