Stacking Context & Z-index — Learning Bundle
スタッキングコンテキスト & Z-index — 学習バンドル
この学習バンドルは、2つのCSSの概念を結びつけます。スタッキングコンテキストは、その描画順序を他と分けて保持します。z-indexは、そのコンテキスト内で参加可能なボックスの順序を決めます。このバンドルは、標準的なCSS用語ではありません。
もう一つの例
z-index 999のツールチップでも、別のレイヤーの後ろに隠れることがあります。transformされた親要素が原因で、別の重なり順のグループが作られるからです。
主な部分
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
以下の場合に使用します
z-index 値を変更する前に重要なスタッキングコンテキストを見つける。
以下の場合は使用しないでください
文脈の境界を隠すために巨大な 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-index — 学習バンドル (Stacking Context & Z-index — Learning Bundle)。 User context：z-index 999のツールチップでも、別のレイヤーの後ろに隠れることがあります。transformされた親要素が原因で、別の重なり順のグループが作られるからです。 Learning bundle to unpack：スタッキングコンテキスト & Z-index — 学習バンドル (Stacking Context & Z-index — Learning Bundle)。 Canonical members：スタッキングコンテキスト (Stacking Context)、z-index (z-index) Why this comparison helps：z-index 値を変更する前に重要なスタッキングコンテキストを見つける。 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-index — 学習バンドル (Stacking Context & Z-index — Learning Bundle) is used now. Definition: この学習バンドルは、2つの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.