層疊上下文(stacking context)，是HTML中一個三維的概念。在CSS2.1規范中，每個盒模型的位置是三維的，分別是平面畫布上的X軸，Y軸以及表示層疊的Z軸。一般情況下，元素在頁面上沿X軸Y軸平鋪，我們察覺不到它們在Z軸上的層疊關系。而一旦元素發生堆疊，這時就能發現某個元素可能覆蓋了另一個元素或者被另一個元素覆蓋。
z-index屬性值並不是在任何元素上都有效果，z-index屬性只能在定位元素有效果 。
在瀏覽器中關於層級，其實是有7階層疊水平（Stacking Order）。
當元素設置了position屬性后，這個定位元素的z-index就會自動生效，此時它的z-index值就是默認的auto，也就是0。