無料ホームページ作成！ＣＳＳ・スタイルシート
z-index

無料ホームページ作成！CSS・例
z-index属性

要素の重なる順番

基本的指定

CSS・スタイルシートソース

１つ目

z-index:1;
position:relative;
 

２つ目

z-index:2;
position:relative;
left:100px;
bottom:70px;
 

結果

値を逆で指定

CSS・スタイルシートソース

１つ目

z-index:2;
position:relative;
 

２つ目

z-index:1;
position:relative;
left:100px;
bottom:70px;
 

結果