CSSNhóm 3D ảo chứa các elements cùng xếp chồng. Được tạo bởi: root element, positioned + z-index, opacity < 1, transform, filter, will-change (bất kỳ giá trị tạo layer), isolation: isolate, contain: layout/paint, mix-blend-mode (khác normal). Z-index chỉ so sánh trong cùng stacking context, không xuyên qua.
Khi debug z-index không hoạt động: kiểm tra xem có stacking context "cha" nào đang giới hạn z-index của element không.
A virtual 3D group containing elements that are stacked together. Created by: root element, positioned elements with a z-index, opacity < 1, transform, filter, will-change (any value that creates a layer), isolation: isolate, contain: layout/paint, mix-blend-mode (non-normal). Z-index values are only compared within the same stacking context — they cannot 'bleed' across contexts.
When debugging broken z-index: check for a parent stacking context that is capping the element's z-index.