我有一個警告條和一個對話框。 我的問題是這個對話框出現在mat-snackbar的上方，并隱藏了它。 因為包裝div使用相同的材質類和材質，所以最后一個對話框在其他對話框之上

使用& quotpanelClass & quot沒用的 將全局css應用于包裝類 讓第一類的孩子擁有更高的z指數(這并不好——因為有時它會是第二類)

沒有辦法控制Angular的cdk覆蓋容器的順序。 此外，沒有辦法將自定義類添加到覆蓋圖本身，而只能添加到其子級——這在您的情況下沒有幫助，因為您想要增加父級的z-index值。父對象也不能通過Angular-Material提供的panelClass屬性進行控制。

在這種情況下，我能看到的唯一解決方案是，在顯示對話框之后，稍后再顯示小吃店。 如果你已經展示了小吃店，然后打開了它，在這種情況下，我建議你取消小吃店，重新展示它。通過這種方式，您將確保小吃店在邏輯上總是最新的覆蓋，并且將顯示在所有其他覆蓋容器之上。