順序規(guī)則

如果不設(shè)置節(jié)點(diǎn)的 position 屬性，位于文檔流后面的節(jié)點(diǎn)會(huì)遮蓋前面的節(jié)點(diǎn)。

定位規(guī)則

• 設(shè)置節(jié)點(diǎn)的 position: static; 位于文檔流后面的節(jié)點(diǎn)會(huì)遮蓋前面的節(jié)點(diǎn)。
• 設(shè)置節(jié)點(diǎn)為非 static，則該節(jié)點(diǎn)會(huì)覆蓋沒有設(shè)置 position 或 position: static; 的節(jié)點(diǎn)。

參與規(guī)則

z-index 僅在節(jié)點(diǎn)的 position: relative/absolute/fixed; 時(shí)有效。

默認(rèn)值規(guī)則

若所有的節(jié)點(diǎn)都定義了 position: relative;

• z-index: 0; 的節(jié)點(diǎn)與沒有設(shè)置 z-index 的節(jié)點(diǎn)在同一層級(jí)內(nèi)沒有高低之分。
• z-index >= 1 的節(jié)點(diǎn)會(huì)遮蓋沒有設(shè)置 z-index 的節(jié)點(diǎn)。
• z-index < 0 的節(jié)點(diǎn)會(huì)被沒有定義 z-index 的節(jié)點(diǎn)覆蓋。

從父規(guī)則

如果都設(shè)置了 position: relative;

• 同級(jí)元素元素 A 的 z-index 大于 元素 B 的 z-index，那么 A 的子元素必定覆蓋在 B 的子元素上。
• 同級(jí)元素元素 A 的 z-index 等于 元素 B 的 z-index，則根據(jù)順序規(guī)則，B 覆蓋在 A 上，則 A 的子元素設(shè)置的再大，也不可能覆蓋過 B 的子元素。