z-index
z-index 是 CSS 属性,它通过提供第三个轴来排列内容,从而帮助控制布局。
多个 Material UI 组件使用 z-index
,采用默认的 z-index 比例,该比例旨在正确分层抽屉、模态框、Snackbar、工具提示等。
z-index
值从一个任意数字开始,该数字足够高且足够具体,理想情况下可以避免冲突
- 移动端步骤指示器:1000
- 浮动操作按钮:1050
- 速度拨号:1050
- 应用栏:1100
- 抽屉:1200
- 模态框:1300
- Snackbar:1400
- 工具提示:1500
这些值始终可以自定义。您可以在主题的 zIndex
键下找到它们。不建议自定义单个值;如果您更改一个值,您可能需要更改所有值。