为什么我不能使用z-index在SVG上放置div

Question

我有the docs，你可以看到（我默认打开）SVG对象放在HTML上。尽管z-index为-1（我也试过100）。

// Navbar Component
:host.opened{
  height: 136px;
  z-index: 9999;
}
// SVG Component
this.svg = d3.select(this.elementRef.nativeElement)
  .append("svg")
  .attr("width", 1200)
  .attr("height", 400)
  .style("z-index", -1)

我怎样才能在SVG上强制使用这个HTML图层

Answer 1

Svg不使用z-index

在DOM父级

上设置z-index

[_nghost-qtc-0] jg-sankey {
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: -10;
}