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

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);
  }