例
画像のためのzインデックスを設定します。
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
»それを自分で試してみてください 定義と使用法
z-indexプロパティは、要素のスタック順序を指定します。
大きなスタック順序を持つ要素は、下のスタック順序を持つ要素の前に常にあります。
Note: Zインデックスのみ位置付け要素に動作します(position:absolute, position:relative, or position:fixed) 。
デフォルト値: | auto |
---|---|
継承されました: | no |
アニメーション: | yes. Read about animatable Try it |
バージョン: | CSS2 |
JavaScriptシンタックス: | object .style.zIndex="-1" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
CSSの構文
z-index: auto|number|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
auto | その親に等しいスタック順序を設定します。 これがデフォルトです | それを再生します» |
number | 要素のスタック順序を設定します。 負の数は許可されています | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSのポジショニング
HTML DOMリファレンス: zIndex property