是否可以显示和忽略HTML元素？

Question

我正在尝试在HTML元素上绘制SVG行，而：

1. 这些线应位于元素之上。
2. 元素应该是可点击和可选择的，这意味着，SVG不会涵盖能够点击或选择它们的元素。

由于z-index行不能与SVG的z-index分开配置（据我所知），我想到的唯一方法是给SVG一个高z-index但是在破坏下面的元素方面将其设置为被忽略。

这可能吗？

如何在不破坏点击和选择它们的能力的情况下如何在元素上实现线条？

谢谢

Answer 1

您可以将以下css添加到SVG行。

pointer-events: none;