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

时间:2019-04-05 00:18:39

标签: javascript d3.js intro.js

我正在使用D3创建一系列圆,每个圆都通过D3 onmouseover拥有工具提示。我还将introJs用作导览,以提供有关数据的一些注释。在巡视中运行并且看到了IntroJs工具提示时,D3工具提示仍然存在,但是几乎看不见,因为它的不透明度为0.05。我将D3工具提示的不透明度设置为.90,并将其更改为1.0,以查看是否会有所作为,但没有改变。将introJ与D3一起使用时,是否有人遇到过类似的问题,并且知道如何使D3工具提示更加可见?

1 个答案:

答案 0 :(得分:1)

我解决了所有问题,与z-index有关。

introJs的工具提示z-index为:100000000。我在D3工具提示中使用z-index,但在测试中不够高。 最终,我将D3工具提示设置为z-index:1000000000(从introJs添加了额外的0),现在一切正常。