stacking context mdn 鏈接 這里只簡單介紹一下常用的 Stacking Context 在一個層疊上下文內(nèi)，不同元素的層疊次序如下圖所示由內(nèi)到外概括來說，zindex為正 zindexautozindex0不依賴zindex的。

zindex的值可以是負(fù)數(shù)，也可以為0，也可以無群大，數(shù)值大的在上方zindex父元素設(shè)置的值權(quán)重比較大，當(dāng)兩個父元素相比的時候，父元素起決定作用，其中的子元素設(shè)置多大都沒有用正常情況下可以看到灰色覆蓋了粉色元。

給包含客戶端的標(biāo)簽加個屬性zindex，這個屬性就是用來設(shè)置層級關(guān)系的，zindex的值越大，元素就越在上層默認(rèn)zindex 的值為0，將客戶端的標(biāo)簽的zindex設(shè)為1或者更大，它就能顯示在上面了。

2浮動元素添加position屬性如relative，absolute等3去除浮動2第二種情況IE6下，層級的表現(xiàn)有時候不是看子標(biāo)簽的zindex多高，而要看整個DOM tree節(jié)點(diǎn)樹的第一個relative屬性的父標(biāo)簽的層級egIE7與IE。

那么什么時候用呢其實(shí)就是我剛剛說的那個場景，zindex發(fā)生重疊后，才會考慮使用這個，但是呢，他起作用也是有前提的，比如說，最常見的就是，你首先是定位元素，也就是position不為static的元素才有效，所以說，如果你使用。

1自動當(dāng)屬性的值為自動時，瀏覽器會為元素自動分配一個堆疊上下文，自動值意味著元素會根據(jù)其出現(xiàn)的順序在堆疊上下文中進(jìn)行排序，較晚出現(xiàn)的元素會覆蓋較早出現(xiàn)的元素2無單位的整數(shù)值，可為負(fù)數(shù)當(dāng)屬性被設(shè)置為一。