【问题标题】:How to make edges appear above nodes in React Flow?如何使边缘出现在 React Flow 中的节点上方?
【发布时间】:2022-08-22 02:01:14
【问题描述】:

我正在使用反应流 v9,我想让边缘出现在节点上方。我尝试将节点的 zIndex 设置为 0 或将边缘的 zIndex 设置为 100,但它们似乎不起作用。它们总是默认返回 z-index 为 3 的节点和 z-index 为 2 的边。

有没有办法获得这种行为?

  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: reactjs react-flow


【解决方案1】:

为了将来记录,我发现申请

.react-flow__node {
   z-index: -1 !important;
}

将覆盖默认的z-index: 1000-1 将显示在所有默认的z-index: auto 下方。

来自https://reactflow.dev/docs/guides/theming/#react-flow-class-names 的类名

【讨论】:

    猜你喜欢
    • 2020-11-04
    • 1970-01-01
    • 2021-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多