<html>
<head>
<title>Abakada CSS Demo: zIndex Property</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<style type="text/css">
#img1, #img2 {
position: absolute; left: 0; top: -40;
visibility: hidden }
</style>
<script language="JavaScript" src="center.js"></script>
</head>
<body onload="center ( 'img1', 0, 0 ); center ( 'img2', 0, 0 )" onresize="setTimeout ( redraw, 1000 )">
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada CSS Demo: <span class="hilite">zIndex</span> Property</h2></div>
<hr size=1 width=92%>
<center>
<img id="img1" src="../shared/images/samp03.jpg"
onclick="img1.style.zIndex=1; img2.style.zIndex=2"
width=200 border=0 alt="">
<img id="img2" src="../shared/images/samp14.jpg"
onclick="img1.style.zIndex=2; img2.style.zIndex=1"
width=200 border=0 alt="">
<div style="line-height:140pt" align="center"><p> </p></div>
<p id="msg">This example uses inline event handlers to dynamically set an object's <b>zIndex</b> property.<br>
Click on the top image to bring the image underneath up.</p>
</center>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>