Css 为什么可以';我使用z索引在SVG上放置一个div

Css 为什么可以';我使用z索引在SVG上放置一个div,css,z-index,d3.js,Css,Z Index,D3.js,如您所见(我默认为打开),SVG对象放置在HTML对象之上。尽管z指数为-1(我也尝试了100),但仍然如此 我怎么能在SVG上强制这个HTML层呢?SVG不使用z索引 在DOM父对象上设置z索引 [_nghost-qtc-0] jg-sankey { position: absolute; top: 50px; left: 0px; z-index: -10; } Svg不使用z索引 在DOM父对象上设置z索引 [_nghost-qtc-0] jg-sanke

如您所见(我默认为打开),SVG对象放置在HTML对象之上。尽管z指数为-1(我也尝试了100),但仍然如此


我怎么能在SVG上强制这个HTML层呢?SVG不使用z索引

在DOM父对象上设置z索引

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

Svg不使用z索引

在DOM父对象上设置z索引

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

这与仅使用:host有什么区别?在您的示例中,您没有在jg sankey上设置任何z索引。。。您正在.opened类上设置z索引,但此索引应用于jg-navbar。这与仅使用:host有何区别?在您的示例中,您没有在jg sankey上设置任何z索引。。。您正在.opened类上设置一个z索引,但此索引应用于jg navbar。