z-index

解説

ボックスの重なり順序を指定します。この値が大きいものほど手前に、小さいものほど奥に表示されます。

positionプロパティで static 以外の値が指定されている要素に適用されます。

整数値で指定	重なりの順序を整数で指定する。0を基準として、値が大きいものほど上になる
auto	親要素と同じ階層になる（初期値）

プロパティ情報

値：	`atuo`または整数値
初期値：	auto
適用対象：	位置指定された要素
継承：	しない
パーセンテージ：	不可
適用メディア：	視覚
レベル：	2

参照

top bottom left right overflow overflow-x overflow-y position display float clear z-index visibility clip direction unicode-bidi writing-mode

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

p.sample {
	color            : #ff00ff;
	background-color : #000000;
	position         : relative;
	top              : 50px;
	z-index          : 2;
}
img.sample {
	position : relative;
	top      : -50px;
	z-index  : 1;
}

HTMLの記述方法

<p class="sample">Seven Key</p>
<p><img src="../../../img/rogo.gif" class="sample"></p>

表示結果

Seven Key

sample