如何将多个 cytoscape.js 实例相互叠加

编程问答 2022-06-01

问题描述

我有多个 cytoscape.js 实例占据同一区域。用户可以从侧边栏中的菜单更改该区域中的“活动”图形。非活动图形用 css 隐藏。 作为下一步，当用户将鼠标悬停在非活动图形列表项上时，我想在“活动”图形上覆盖一个半透明图形。

我尝试为画布层动态设置不同的 z-index，但似乎不起作用。

.show-overlaying-graph canvas[data-id="layer0-selectBox"] {
  z-index: 4;
}

.show-overlaying-graph canvas[data-id="layer1-drag"] {
  z-index: 5;
}

.show-overlaying-graph canvas[data-id="layer2-node"] {
  z-index: 6;
}

如何将 cytoscape.js 图形透明地覆盖在另一个图形上？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

cytoscapecytoscape.jsjavascript