Stacking Context & Z-index — Learning Bundle
스태킹 컨텍스트 & Z-인덱스 — 학습 번들
이 학습 번들은 두 가지 CSS 개념을 연결합니다. 스태킹 컨텍스트는 페인트 순서를 분리해서 유지합니다. z-index는 그 컨텍스트 안에서 참여할 수 있는 박스들의 순서를 정합니다. 이 번들은 하나의 표준 CSS 용어가 아닙니다.
다른 예시
z-index 999인 Tooltip도 다른 층에 가려질 수 있어. 부모에 변형이 가해지면 별도의 쌓임 구조가 만들어지거든.
주요 부분
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
사용할 때
z-인덱스 값을 변경하기 전에 중요한 스태킹 컨텍스트 찾기.
다음 경우에는 사용하지 마세요
컨텍스트 간 실제 경계를 숨기기 위해 큰 z-index 값을 절대 사용하지 마세요.
코드에서 사용된 이름
stacking context / z-index 출시하기 전에
Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.
Outcome：Complete the task with 스태킹 컨텍스트 & Z-인덱스 — 학습 번들 (Stacking Context & Z-index — Learning Bundle)。 User context：z-index 999인 Tooltip도 다른 층에 가려질 수 있어. 부모에 변형이 가해지면 별도의 쌓임 구조가 만들어지거든. Learning bundle to unpack：스태킹 컨텍스트 & Z-인덱스 — 학습 번들 (Stacking Context & Z-index — Learning Bundle)。 Canonical members：스태킹 컨텍스트 (Stacking Context)、z-인덱스 (z-index) Why this comparison helps：z-인덱스 값을 변경하기 전에 중요한 스태킹 컨텍스트 찾기. Do not treat the bundle as one pattern when：컨텍스트 간 실제 경계를 숨기기 위해 큰 z-index 값을 절대 사용하지 마세요. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary)：이것은 규범적인 표준이 아닙니다. 이름, 한계 및 예상 동작은 출처마다 달라질 수 있습니다. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
이 요청을 확인하세요
Review how 스태킹 컨텍스트 & Z-인덱스 — 학습 번들 (Stacking Context & Z-index — Learning Bundle) is used now. Definition: 이 학습 번들은 두 가지 CSS 개념을 연결합니다. 스태킹 컨텍스트는 페인트 순서를 분리해서 유지합니다. z-index는 그 컨텍스트 안에서 참여할 수 있는 박스들의 순서를 정합니다. 이 번들은 하나의 표준 CSS 용어가 아닙니다. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.