元素的層疊順序

層疊順序，英文稱作 stacking order，表示元素發(fā)生層疊時有著特定的垂直顯示順序。

下面是盒模型的層疊規(guī)則：

對于上圖，由上到下分別是：

（1）背景和邊框：建立當前層疊上下文元素的背景和邊框。?

（2）負的 z-index：當前層疊上下文中，z-index 屬性值為負的元素。?

（3）塊級盒：文檔流內(nèi)非行內(nèi)級非定位后代元素。?

（4）浮動盒：非定位浮動元素。?

（5）行內(nèi)盒：文檔流內(nèi)行內(nèi)級非定位后代元素。?

（6）z-index:0：層疊級數(shù)為 0 的定位元素。?

（7）正 z-index：z-index 屬性值為正的定位元素。

注意: 當定位元素 z-index:auto，生成盒在當前層疊上下文中的層級為 0，不會建立新的層疊上下文，除非是根元素。