角快餐店增加z指数不起作用

Question

场景：

• 我打开了一个引导模式
• 当用户与模态交互时，如果出现任何错误，我会想在Angular Snack酒吧里展示这个错误
• 显示小吃吧在Bootstrap模式之后。我希望Angular快餐店显示在屏幕的前面，引导模式在后面

有可能通过更改css-z索引？

Answer 1

再次，RTF！

panelClass: string | string[]         Extra CSS classes to be added to the snack bar container.

将其作为snackbar的配置提供(或者覆盖您自己模块中的提供程序，将其应用于每个snackbar(，并在给定的类中设置z索引。

Answer 2

所有这些都为我工作。

::ng-deep .cdk-overlay-container {
z-index: 10000 !important;
}

或

.cdk-overlay-container {
z-index: 99999999999999; 
}

或

:host /deep/ .cdk-overlay-pane{
z-index: 1000;
}