Unstacking CSS Stacking Contexts

**Unstacking CSS Stacking Contexts**

Have you ever set z-index: 99999 on an element in your CSS, and it doesn’t come out on top of other elements. A value that large should easily place that element visually on top of anything else, assuming all the different elements are set at either a lower value or not set at all. A webpage is usually represented in a two-dimensional space; however, by applying specific CSS properties, an imaginary z-axis plane is introduced to convey depth. This plane is perpendicular to the screen, and from it, the user perceives the order of elements, one on top of the other. The idea behind the imaginary z-axis, the user’s perception of stacked elements, is that the CSS properties that create it combine to form what we call a stacking context...

---

**[devsupporter 해설]**

이 기사는 Smashing Magazine에서 제공하는 최신 개발 동향입니다. 관련 도구나 기술에 대해 더 알아보시려면 원본 링크를 참고하세요.