firefox 中醉醺醺的、svg 和 css 的解决方法？

Question

我有 svg 元素的提示工具提示（使用 d3 生成）。我无法让它们显示在 Firefox 中的光标旁边，所以我关注了链接到这个答案Tipsy tooltip positioning on d3 in firefox, IE 中的the patch，它解决了大部分问题。

但是，我使用这个 CSS 规则围绕某些 SVG 元素创建环：

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

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

是否有（适度无痛的）解决方法？一种修改醉酒的方法？或者我可以使用不同的 CSS 来获得相同的效果？

Answer 1

SVG 具有许多与 html 相同的属性，这通常使它看起来像是交叉兼容的，但正如我通过艰难的方式学到的那样；你会走得很远，然后就会被吓到，因为看起来简单的东西根本行不通:-)

patch you mentioned 似乎使用了“getBBox().width”，这看起来像是一个明智的补充，但最初在查看醉酒时它并没有提到官方的 SVG 支持。

所以一开始，我会说你应该使用官方支持的工具提示插件。

不过……

我看到那个补丁的原作者did a pull request没有拉进主项目，而是拉进了another person's fork。

问题有评论：

"...我们应该把它放到我们的版本中，因为我们主要使用的是 Tipsy 无论如何都在 SVG 上。”

所以也许可以使用this version of tipsy by enjalot instead，因为听起来 svg 支持对他们来说很重要。