z-index プロパティ

　z-index プロパティは、エレメントの重ね合わせ順を指定するプロパティです。
　画像処理におけるレイヤーのように、エレメントは重ね合わせて表示されています。その重ね合わせの前後を z-index プロパティで変更することができます。 z-index プロパティの値が大きい方が前に表示されます。
　positionプロパティの設定値がabsolute, relative, fixed, stickyである必要があります。

　ブラウザがsafariでは機能しないかもしれません。

z-index プロパティに100を指定

z-index: 100;

詳しくは Example を参照してください

ページ内 Index

構文（Syntax）
値（Values）
備考（Remarks）
Example
関連 CSS プロパティ

構文(Syntax)

CSS

z-index: auto | number | initial | inherit;

DOM ( JavaScript )

値の取得

String=object.style.zIndex

値の設定

object.style.zIndex="auto | number | initial | inherit"

値（Values）

Value	摘要
auto	default値（初期値）で、親エレメントの前後の表示順を継承
number	前後の表示順を番号で設定。番号が大きい方が前に表示される。マイナスも使える
initial	初期値に戻す
inherit	親エレメントのプロパティを継承

備考（Remarks）


Default value	auto
Inherited（継承）	No
CSS Animation	Yes

ブラウザがsafari

　ブラウザがサファリではz-index プロパティが効かない場合があります。その場合は、固定されないエレメントに以下のtransformプロパティを加えた方がよいでしょう。

_::-webkit-full-page-media, _:future, :root .css_selector {
    transform:translate3d(0,0,0);
}