angular - Angular Material如何构建重叠组件
问题描述
我非常习惯于使用角材料组件进行编码。但是,我需要构建一个具有以下内容的屏幕:
- 背景中的“行表”
- 卡片,在表格顶部固定位置而不是浮动,显示行元素的状态
- 滚动条来滚动卡片。
构建具有这种布局的页面的最佳方法是什么?
解决方案
最终使用 z-index 解决了这个问题。html 页面中的 Z-Index 使我们能够将 html 组织为其他层的顶部/底部。我们将其实现为后台的表格,z-index 为 auto。另一个 html 部门是在 z-index 为 1 的情况下开发的(这个 html 包含在背景中漂浮在桌子顶部的材料卡片)。希望它可以帮助遇到这种情况的人。
推荐阅读
- react-native - React Native-如何修复错误[android build failed]
- ruby-on-rails - 覆盖设计可恢复
- python - 求解非线性方程
- typescript - 使用 Nativescript 在 web 服务中发布令牌设备
- postgresql - 在 Yocto 中使用其他配方生成的文件
- sql - 通过函数将值插入到sql表的列中
- html - 悬停时缩放和居中图像
- r - pdfcluster 密度估计 - 预测新数据点
- ethereum - 退出 Scam Solidity 游戏
- reactjs - 从 react ref 调用 input click() 不起作用