Angular Material上的内容会影响Angular Material中的侧栏导航。当我们打开侧面导航时,选项卡内容会显示在侧面导航中,就好像侧面导航是透明的一样。
<mat-tab-group>
<mat-tab label="Applicant Details">
我正在检查位置周围的不同CSS选项,但到目前为止没有运气。如果我删除选项卡组,应用程序看起来没问题。
答案 0 :(得分:0)
发生同样的问题,只是将z-index强制为0在scss中不起作用,它一直在某个地方被覆盖,所以对我唯一有效的方法是使用jquery强制onNgInit()中的z-index值。
ngOnInit() {
$('.mat-tab-header').css("z-index", 0);
$('.mat-tab-body-wrapper').css("z-index", 0);
}