跳到内容
+

z-index

z-index 是 CSS 属性,它通过提供第三个轴来排列内容,从而帮助控制布局。

多个 Material UI 组件使用 z-index,采用默认的 z-index 比例,该比例旨在正确分层抽屉、模态框、Snackbar、工具提示等。

z-index 值从一个任意数字开始,该数字足够高且足够具体,理想情况下可以避免冲突

  • 移动端步骤指示器:1000
  • 浮动操作按钮:1050
  • 速度拨号:1050
  • 应用栏:1100
  • 抽屉:1200
  • 模态框:1300
  • Snackbar:1400
  • 工具提示:1500

这些值始终可以自定义。您可以在主题的 zIndex 键下找到它们。不建议自定义单个值;如果您更改一个值,您可能需要更改所有值。