angular - 材质对话框：使用多个对话框实例管理点击事件的 Z-index

Question

我已经使用 Angular Material (MatDialogModule) 提供的基本功能实现了一个打开和保持打开多个窗口的服务。一切正常，但是每次用户在它们之间单击时，我都找不到管理窗口 z-index 的方法。在这种情况下，被指控的元素是重复的包装器“cdk-global-overlay-wrapper”，保持静态 z-index 为“1000”，将可视化的优先级留给添加的对话框元素的 DOM 中的位置。

我已经看到，如果我开发一个从 cdk“覆盖”传递的个人服务，事情就会变得可行，但在这种情况下，我将失去 Material 提出的对话框的所有直接特性和属性。

有办法吗？谢谢

标签： angulardialogangular-materialz-index

Answer 1

您可以使用以下 css 类：操作 z 索引

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