Stacking Order(쌓임 순서), Stacking Context(쌓임 맥락)

흥미로운 문제 Red Green Blue .red, .green, .blue { position: absolute; } .red { background: red; z-index: 1; } .green { background: green; } .blue { background: blue; } See the Pen Stacking Order (problem) by Philip Walton (@philipwalton) on CodePen. 위 붉은색 영역을 파랑과 초록 영역 밑으로 가게 하세요. 단 조건이 있습니다. HTML 마크업을 건드려선 안된다. 어떤 요소에도 z-index를 추가하거나 변경해선 안된다. 어떤 요소의 position 속성도 추가하거나 변경해선 안된다. 만약 성공하신다면 아마 쌓임 순서와 ..