Z-index
콘텐츠, 오버레이, 팝업, 토스트, 디버그를 위한 스택킹 레이어.
| Token | Typical use |
|---|---|
| zIndexBackground | 콘텐츠 뒤 |
| zIndexContent | 기본 콘텐츠 |
| zIndexOverlay | 모달 / 드로어 스크림과 패널 |
| zIndexPopup / zIndexFloating | 메뉴, 팝오버 |
| zIndexMessages | 토스트 |
| zIndexPriority | 중요 크롬 |
| zIndexDebug | 개발 오버레이 |
모달·드로어 → overlay. 메뉴·팝오버 → popup. 토스트 → messages. z-index: 9999를 만들지 마세요.
zIndexBackground0
zIndexContent1
zIndexOverlay100
zIndexPopup1000
zIndexMessages10000
zIndexFloating1000
zIndexPriority100000
zIndexDebug999999
사용법
섹션 제목: “사용법”.menu { z-index: var(--refineui-z-popup);}