Z-index 管理
层叠可视化
推荐 z-index 比例
| 层 | z-index | 用途 |
|---|---|---|
| 基础 | 0 | 默认内容 |
| 浮起 | 1–9 | 略微浮起的元素（卡片、阴影） |
| 下拉菜单 | 100 | 下拉菜单、自动补全 |
| 粘性 | 200 | 吸附式头部、侧栏 |
| 导航栏 | 300 | 固定导航 |
| 遮罩 | 400 | 背景遮罩层 |
| 对话框 | 500 | 模态框 |
| 弹出层 | 600 | 弹出层、Tooltip |
| Toast / 通知 | 700 | Toast 消息、通知 |
| 最高 | 9999 | 开发工具叠层、Cookie 横幅 |
自定义输入
| 层 | z-index | 用途 |
|---|---|---|
| 基础 | 0 | 默认内容 |
| 浮起 | 1–9 | 略微浮起的元素（卡片、阴影） |
| 下拉菜单 | 100 | 下拉菜单、自动补全 |
| 粘性 | 200 | 吸附式头部、侧栏 |
| 导航栏 | 300 | 固定导航 |
| 遮罩 | 400 | 背景遮罩层 |
| 对话框 | 500 | 模态框 |
| 弹出层 | 600 | 弹出层、Tooltip |
| Toast / 通知 | 700 | Toast 消息、通知 |
| 最高 | 9999 | 开发工具叠层、Cookie 横幅 |