CSSリファレンスマニュアル

CSS @ルール(RULES)

z-index属性は、要素のスタック順序を指定します。高いスタック順序を持つ要素は、低いスタック順序を持つ要素の前に配置されます。注意：z-index を行います定位された要素(position:absolute, position:relative, or position:fixed)。

以下のテーブルには、この属性の使用方法とバージョンハイストリと、javascriptスクリプト内でのこの属性の使用構文が示されています。

注意：要素が重複するとき、z-indexがどの重複を決定するか。-indexは通常、低い要素を持つ要素の前に配置されます。

この属性の構文は以下の通りです：

z-index: integer | auto | initial | inherit

以下の例では、z-index属性。

例

　　div {
　　　position: absolute;
　　　lop:　30px;
　　　left:　30px;
　　　z-index:　2;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
integer	現在のスタックコンテキスト内の要素のフレームのスタックレベルの順序を設定します。このフレームはまた、スタックレベルが0（ゼロ）のローカルスタックコンテキストを構築します。負の整数値を使用することもできます。
auto	要素のフレームのスタックレベルは親フレームのスタックレベルと同じであり、新しいスタックコンテキストは作成されません。これはデフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素はその親要素のz-indexの属性値。

z-index属性のブラウザの互換性を確認します。以下のテーブルには、この属性をサポートするブラウザの最低バージョン番号が示されています；すべての主要ブラウザがこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

以下のチュートリアルを参照してください：CSS位置、CSSレイヤー。

関連属性：position、top、right、left、bottom。