共通の親を持つ要素が前面または背面に移動する要素は、オーバーレイコンテキストと呼ばれます 。 オーバーレイコンテキストを理解することは、 z-index
と要素の順序を理解するための鍵です。
各オーバーレイコンテキストには、HTML構造内に独自のルート要素があります。 要素に新しいコンテキストを作成する瞬間に、すべての子要素もこのコンテキストに分類され、スタック順に配置されます。 要素が1つのオーバーレイコンテキストの一番下にある場合、 z-index
100万にz-index
ていても、想像できないほど想像もできない方法で、階層の上位にある隣接するオーバーレイコンテキストの別の要素の上に表示できます。
-記事「
z-indexについて誰も教えてくれなかったもの 」から。 このトピックを理解するには、彼女または
MDNの古典的な作品のいずれかに精通することを強くお勧めします。