使用 intro.js 时几乎看不到 D3 工具提示

Question

我正在使用 D3 创建一系列圆圈，每个圆圈通过 D3 onmouseover 都有一个工具提示。我还使用 introJs 作为导览来提供有关数据的一些评论。当游览为 运行 并且可以看到 introJs 工具提示时，D3 工具提示仍然存在，但它们几乎不可见，就像它的不透明度为 .05 一样。我将 D3 工具提示不透明度设置为 .90，并将其更改为 1.0 以查看它是否会有所作为但没有。有没有人在将 introJs 与 D3 一起使用时遇到类似问题并且知道如何使 D3 工具提示更明显？

Answer 1

我算出来了，都是和z-index有关的。

introJs 有一个工具提示 z-index：100000000。我正在使用 D3 工具提示的 z-index，但在我的测试中没有达到足够高的水平。 我最终将 D3 工具提示设置为 z-index: 1000000000（从 introJs 添加了一个额外的 0）现在一切都很好。