z-index tutorial

<-- HTML kód -->
<div class="gyokerek">
	<div id="zelso">
		első</div>
	<div id="zmasodik">
		második</div>
	<div id="zharmadik">
		harmadik</div>
</div>

<-- CSS kód -->
<style type="text/css">
.gyokerek {
position: relative;
margin: 0 auto;
width: 200px;
height: 160px;
background-color: #f0f0e2;
}

#zelso {
position: absolute;
width: 100px;
height: 100px;
background-color: #edc9c7;
color: #ffffff;
text-align: center;
top: 10px;
left: 10px;
z-index: 1;
}

#zmasodik {
position: absolute;
width: 100px;
height: 100px;
background-color: #474142;
color: #ffffff;
text-align: center;
top: 30px;
left: 50px;
z-index: 3;
}

#zharmadik {
position: absolute;
width: 100px;
height: 100px;
background-color: #b9d7eb;
color: #ffffff;
text-align: center;
top: 50px;
left: 90px;
z-index: 2;
}</style>