CSS 中的 z-index 屬性用于設(shè)置節(jié)點的堆疊順序, 擁有更高堆疊順序的節(jié)點將顯示在堆疊順序較低的節(jié)點前面, 這是我們對 z-index 屬性普遍的認識. 與此同時, 我們總是對堆疊順序捉摸不透, 將 z-index 的值設(shè)得很大也未必能將節(jié)點顯示在最前面. 本文將通過一些例子對 z-index 的使用方法進行分析, 并且為各位帶入 z-index 層級樹的概念.

目錄

• 順序規(guī)則
• 定位規(guī)則
• 參與規(guī)則
• 默認值規(guī)則
• 從父規(guī)則
• 層級樹規(guī)則
• 參與規(guī)則 2
• 總結(jié)

順序規(guī)則

如果不對節(jié)點設(shè)定 position 屬性, 位于文檔流后面的節(jié)點會遮蓋前面的節(jié)點.

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表