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

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

我有多个 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 图形透明地覆盖在另一个图形上？