1.後來者居上原則
複製**
document
複製** 執行結果：
解析：我們可以看到，紅色作為後來的元素覆蓋在之前的元素上了，在未設定z-index的前提下，後來元素會覆蓋前面新增到元素，當然實在開啟了絕對定位的前提下（不開啟絕對定位不能直觀的看到效果）
2.誰大誰先上原則
在.a新增z-index:2,在.b新增z-index:1
執行結果：
解析：通常情況下，z-index越大，層級越高，越在上面
當發生巢狀時，祖先優先原則
複製**
document
亞馬遜測評 www.yisuping.com
CSS中層疊和CSS的7階層疊水平
今天搜尋資料時，忽然發現了以前沒注意的乙個知識點，所以拖過來搞一搞，這個知識點叫做css的7階層疊水平 在說這個知識之前，我們必須要先了解乙個東西以便於我們更好的理解css的7階層疊水平 這個東西就是z index屬性 此篇為上篇，僅僅講z index 基本含義 z index通俗來說就是在z軸上的...
CSS中層疊和CSS的7階層疊水平
今天搜尋資料時，忽然發現了以前沒注意的乙個知識點，所以拖過來搞一搞，這個知識點叫做css的7階層疊水平 在說這個知識之前，我們必須要先了解乙個東西以便於我們更好的理解css的7階層疊水平 這個東西就是z index屬性 此篇為上篇，僅僅講z index 基本含義 z index通俗來說就是在z軸上的...
CSS中層疊和CSS的7階層疊水平（上篇）
今天搜尋資料時，忽然發現了以前沒注意的乙個知識點，所以拖過來搞一搞，這個知識點叫做css的7階層疊水平 在說這個知識之前，我們必須要先了解乙個東西以便於我們更好的理解css的7階層疊水平 這個東西就是z index屬性 此篇為上篇，僅僅講z index 基本含義 z index通俗來說就是在z軸上的...