z-index:
The zIndex property only applies to objects that have the position property set to relative or absolute .
自然的層疊順序
在一個HTML頁面中,自然的層疊順序(也就是元素在Z軸上的順序)是由很多因素決定的。下面的是一個列表,它展示的列表項是處於一個層疊環境(stacking context,暫時未找到合適的漢語翻譯,應該是指層疊的元素所處的那個層疊的環境)中,這些項是處於這個層疊環境的底部的。這個列表中的項都沒有被賦予Z-index屬性。
元素的背景和邊框會創建一個stacking context
引用:
·具有負值的stacking contexts元素,按照出現的先後順序排列(越靠後層級越靠上)
·沒有被定位,沒有浮動的塊級元素,按照出現的先後順序排列
·沒有被定位,浮動的元素,按照出現的先後順序排列
·內聯元素,按照出現的先後順序排列排列
·被定位的元素,按照出現的先後順序排列
z-index 屬性,當被正確使用的時候,會改變自然的層疊順序。重複一下,z-index屬性只
能工作於那些被定義了position
屬性的元素中。