带有侧面导航的“角度材质”选项卡不起作用

Question

内容上的Angular Material弄乱了Angular Material中的侧栏导航。 当我们打开侧面导航时，选项卡内容显示在侧面导航上，就像侧面导航是透明的一样。

<mat-tab-group>
        <mat-tab label="Applicant Details">

我正在检查该位置周围的其他CSS选项，但到目前为止还没有运气。 如果删除选项卡组，该应用程序看起来还可以。

Answer 1

遇到同样的问题，只是将z-index强制为0在scss中不起作用，它一直在某个地方被覆盖，所以对我唯一有效的方法是使用jquery强制onNgInit（）中的z-index值。

 ngOnInit() { $('.mat-tab-header').css("z-index", 0); $('.mat-tab-body-wrapper').css("z-index", 0); }