無料ホームページ作成！ＣＳＳ・スタイルシート
要素の重なる順番

無料ホームページ作成！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;
 

結果