首页 > 解决方案 > Angular Material如何构建重叠组件

问题描述

我非常习惯于使用角材料组件进行编码。但是,我需要构建一个具有以下内容的屏幕:

  1. 背景中的“行表”
  2. 卡片,在表格顶部固定位置而不是浮动,显示行元素的状态
  3. 滚动条来滚动卡片。

构建具有这种布局的页面的最佳方法是什么?

在此处输入图像描述

标签: angularangular-material

解决方案


最终使用 z-index 解决了这个问题。html 页面中的 Z-Index 使我们能够将 html 组织为其他层的顶部/底部。我们将其实现为后台的表格,z-index 为 auto。另一个 html 部门是在 z-index 为 1 的情况下开发的(这个 html 包含在背景中漂浮在桌子顶部的材料卡片)。希望它可以帮助遇到这种情况的人。


推荐阅读