z-indexプロパティ。

CSSに於けるボックスの重なり階層・z-indexプロパティに関する解説です。

z-indexプロパティとは。

z-indexプロパティは、ボックスの重なり階層です。

デフォルトの段階を0とし、それより下がマイナス、上がプラスとなります。

z-indexプロパティの値が異なる要素が重なった場合、大きい方が小さい方の上に被さるようになります。

を変更する事で、複数のボックスを重ね合わせる事が出来ます。

その際、どのボックスが上に来るかを指定するのがz-indexプロパティです。

z-indexプロパティの書式は、以下のようになります。

z-index: 値

値としては、以下のものが取れます。

一番近い上位要素で指定された値を継承します。

親要素と同じ階層とします(デフォルト)。

整数

重なります。

他の兄弟要素との関係については、z-indexプロパティ値の大きい方が上に重なります。

#LOGO {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    }

と記述します。

ネットスケープ 4.xでは、z-indexプロパティを実装しておりません。

z-indexプロパティ値を負にした場合、当該コンテンツ内のアンカーなどが指定出来なくなるユーザエージェントがあるようです。

WAP 2.0では、z-indexプロパティは定義されておりません。