＜head＞
＜style type="text/css"＞
＜!--
　.title11 {
position : absolute;
top:130px;
left:160px;
font-size:24px;
font-family:impact;
color:white;
z-index:3
;}
.ph {
position: absolute;
top:40px;
left:80px;
z-index:2
;}
.ph1 {
position: absolute;
top:80px;
left:120px;
z-index:1
;}
--＞
＜/head＞

＜body＞
　　　　 　＜img class="ph1" src="image/art_egg.gif"＞
＜img class="ph2" src="image/p1010001.jpg"＞
＜span class="title11"＞welcome to real summer＜/span＞
＜/body＞

要素同士が重なって表示される場合の、重なりの順序を指定する。
z-index に指定した数値が大きなものほど前面に表示される。
例１ ＜div style="position:absolute; width:50px; height:50px;
z-index:2; background-color:green; top:10px; left:10px;"＞＜/div＞
＜div style="position:absolute; width:50px; height:50px;
z-index:3; background-color:blue; top:40px; left:30px;"＞＜/div＞
＜div style="position:absolute; width:50px; height:50px;
z-index:1; background-color:red; top:20px; left:50px;"＞＜/div＞