材质对话框：使用多个对话框实例管理单击事件的Z索引

Question

我已经实现了一项服务，该服务使用Angular Material（MatDialogModule）提供的基本功能打开并保持打开多个窗口。 一切正常，但是我找不到一种每次用户单击窗口之间的方法来管理窗口的z-index的方法。 在这种情况下，隐式元素是包装程序“ cdk-global-overlay-wrapper”，该包装程序被复制，并保持静态z-index为“ 1000”，而将可视化的优先级留在添加的dialog元素在DOM中的位置。

我已经看到，如果我开发了从cdk“ overlay”传递的个人服务，那么事情就变得可行了，但在这种情况下，我将失去Material提出的Dialog的所有直接功能。

有办法吗？谢谢

Answer 1

您可以使用以下CSS类： 操纵z索引

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