CSS 定位相關文檔收集

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 屬性的元素中。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章