文法結構
z-index：具體數字。如：div｛z-index：100｝，注意，後面跟的數字并不帶機關。主要應用在div，span等标簽的層疊處理。
如何使用？
z-index在使用絕對定位 position:absolute屬性條件下使用才能使用。通常我們讓不同的對象盒子以不同順序重疊排列，就需要z-index樣式進行設定了。
使用案例
為了便于了解，我們這裡用三個不同顔色的div進行對比學習。
css代碼：1
2 .div {position:relative;}
3 .div1,.div2,.div3 {width:100px;height:50px;position:absolute;}
4 .div1{z-index:10;background:red;left:10px;top:10px;}
5 .div2 {z-index:20;background:blue;left:20px;top:20px;}
6 .div3 {z-index:30;background:yellow;left:30px;top:30px;}
html代碼：1
結果：
三個div都使用了絕對定位position:absolute樣式，并設定了相同的寬高，為了便于觀察，使用了left，top樣式将他們的位置錯開。
可見：
紅色的div的位于最下面：z-index：10；
藍色的div位于中間：z-index：20；
黃色的div位于最上面：z-index:30；
總結
在使用z-index進行層疊時，需和position:absolute樣式一起使用，z-index後跟的數字可以為負數。z-index後的值越大，越靠近螢幕。