<html>
<head>
<title>Abakada CSS Demo: z-index Attribute</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<style type="text/css">
#img1 {
position: absolute; left: 0; top: -40;
visibility: hidden }
</style>
<script language="JavaScript" src="center.js"></script>
</head>
<body onload="center ( 'img1', 0, 0 )" onresize="setTimeout ( redraw, 1000 )">
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada CSS Demo: <span class="hilite">z-index</span> Attribute</h2></div>
<hr size=1 width=92%>
<center>
<img id="img1" src="../shared/images/samp04.jpg" style="position:absolute; z-index:-1" width=200 border=0 alt="">
<h3 style="color: silver">Some line of text.</h3>
<div style="line-height:120pt" align="center"><p> </p></div>
<p id="msg">This example uses inline styles to set an object's <b>z-index</b> attribute, <br>
or stacking order of elements on a page. </p>
</center>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>