帶有側面導航的“角度材質”選項卡不起作用

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