Z座標を指定するには

<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#objImg1 {
position:absolute;
left:0px;
top:0px;
z-index:2;
}
#objImg2 {
position:absolute;
left:60px;
top:30px;
z-index:4;
}
#objImg3 {
position:absolute;
left:120px;
top:60px;
z-index:6;
}
form {
position:absolute;
left:10px;
top:200px;
}
--></style>
<script type="text/javascript"><!--
function setStyle(n)
{
document.getElementById("objImg2").style.zIndex = n;
}
// --></script>
</head>
<body bgcolor="#56578B">
<img src="photo1.jpg" id="objImg1">
<img src="photo2.jpg" id="objImg2">
<img src="photo3.jpg" id="objImg3">
<form>
<input type="button" value="Z座標を1にする" onClick="setStyle(1)"><br>
<input type="button" value="Z座標を5にする" onClick="setStyle(5)"><br>
<input type="button" value="Z座標を7にする" onClick="setStyle(7)"><br>
</form>
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。