我有一个警告垫-小吃店,我有一个对话. 我的问题是,对话框出现在Mat-Snackbar上方,并将其隐藏. 因为包装div使用相同的material 类和material ,所以使最后一个对话框位于其他对话框之上

使用"panelClass"无济于事 将全局CSS应用于包装类 用更高的z指数让第一类子元素(这并不好--因为有时它会是第二类)

推荐答案

没有办法控制Angel的cdk-overlay个集装箱的顺序. 此外,没有办法将自定义类添加到覆盖本身,而只能添加到它的子级-这在您的情况下是没有帮助的,因为您希望增加Paren的z-index值.父对象也不能通过Angular material 提供的panelClass属性进行控制.

The only solution I can see in this case is,以在显示对话框后的稍后时间显示快餐栏. 如果您已经显示了快餐栏,然后打开了取消日志(log),我建议您在这种情况下取消快餐栏并重新显示它.这样,您将确保快餐栏在逻辑上始终是最新的覆盖,并将显示在所有其他覆盖容器的上方.

Css相关问答推荐

不了解重复-线性-渐变 colored颜色 停止

SVG文本在移动浏览器上增长并溢出

臭虫?嵌套的css供应商前缀中断Chrome css解析

使用 flexbox 使图像与内容高度相同

具有水平和垂直滚动的表格上的活动 scss 类

使用 React 和 Flexbox 文本溢出框外

在不使用 position: fixed 的情况下从 CSS 网格中的自动布局中免除子元素?

为什么 em 不将定义的字体大小加倍?

在移动设备上touch 屏幕边缘的元素(Material UI)

AngularJS Graphs & Charts - 实线和虚线的混合

紫色表示访问过的超链接

删除 IE10 Select 元素箭头

CSS,居中的 div,缩小以适应?

删除在 ios safari / chrome / firefox 中单击的链接上的灰色背景

如何在连字符 (-) 等特殊字符后分词

如何在不使用浮动的情况下垂直对齐 div?

将文本放在 div 的底部

在 CSS3 中重新启动动画:比删除元素更好的方法吗?

当子元素水平溢出时,为什么忽略父元素的右填充?

为什么容器 div 坚持比 IMG 或 SVG 内容略大?