2

我有 svg 元素的提示工具提示（使用 d3 生成）。我无法让它们出现在 Firefox 中的光标旁边，所以我按照这个答案中链接到的补丁Tipsy tooltip position on d3 in Firefox, IE修复了大部分问题。

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

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

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

在此处输入图像描述 在此处输入图像描述

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

4

1 回答 1

1

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

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

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

然而...

我看到那个补丁的原作者做了一个拉取请求，它没有被拉到主项目中，而是被拉到了另一个人的 fork中。

该问题有评论：

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

因此，也许可以改用enjalot 的这个版本的 Tipsy，因为听起来 svg 支持对他们来说很重要。

于 2014-05-10T16:29:08.903 回答