javascript - 使用 intro.js 时,D3 工具提示几乎不可见

标签 javascript d3.js intro.js

我使用 D3 创建一系列圆圈,每个圆圈在鼠标悬停时通过 D3 都有一个工具提示。我还使用 introJs 作为导览来提供一些有关数据的评论。当游览运行并且 introJs 工具提示可见时,D3 工具提示仍然存在,但它们几乎不可见,就像不透明度为 0.05 一样。我将 D3 工具提示不透明度设置为 0.90,并将其更改为 1.0,看看它是否会产生影响,但没有。有没有人在将 introJs 与 D3 一起使用时遇到类似的问题,并且知道如何使 D3 工具提示更加明显?

最佳答案

我解决了,一切都与 z-index 有关。

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

关于javascript - 使用 intro.js 时,D3 工具提示几乎不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55526621/

相关文章:

d3.js 抛出错误 : Invalid value for <g> attribute transform ="null" on transition()

jquery - 如何在 IntroJs 中设置不同语言的按钮

javascript - Canvas 只有最后添加的对象有光标指针

javascript - 在 d3 转换期间响应滴答事件

javascript - 旋转后获取元素的默认左侧和顶部位置

javascript - 使用 d3 或 cytoscape 渲染家谱

javascript - 与指令 'undefined' 一起使用的 ng-intro 表达式 'ngIntroOptions' 是不可分配的

css - IntroJS Bootstrap 菜单不起作用

javascript - 当使用 javascript 设置父宽度时,在子 div 周围设置边距

javascript - 通过 Webpack 5 构建后,应用程序在 Internet Explorer (IE11) 上停止工作