著名的7階層疊水平（stacking level）
層疊上下文 background/border
負z-index
block塊狀水平盒子：正常流失布局，非inline-block，無position定位（static除外）
float浮動盒子：無position定位（static除外）的float浮動元素
inline/inline-block水平盒子：正常流式布局，非inline-block
z-index:auto或z-index:0
正z-index
參考：
CSS 7階層疊水平
1.層疊水平 當兩個元素層疊水平相同的時候，這時候就要遵循下面兩個準則 後來居上原則 誰 z index 大，誰在上的準則 層疊上下文，你可以理解為 js 中的作用域，乙個頁面中往往不僅僅只有乙個層疊上下文 因為有很多種方式可以生成層疊上下文，只是你沒有意識到而已 在乙個層疊上下文內，我們按照層疊水...
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軸上的...