例如：<div id="a" style="z-index:2;">A</div>

<div id="b" style="position:relative;z-index:1;">B</div>

<div id="c" style="position:relative;z-index:0;">C</div>如圖

z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。注釋：元素可擁有負的 z-index 屬性值。Z-index 僅能在定位元素上奏效。

頁面有3個軸：X，Y，Z，就和數學上的立體坐標一樣，平面是X，Y軸，Z軸即z-index值越大，元素層級越大，也就離我們近，z-index值大的，會覆蓋z-index值小的。

純手打望采納