Med CSS kan du arbejder tre dimensioner, nemlig højde, bredde og dybde. Til dybden bruger man z-index kommandoen.

Hvert element tildeles et nummer (z-index). Systemet er så at et element med et højere nummer overlapper elementer med et lavere nummer.

Hvis elementer skal under tekst på side, så skal der stå minus foran f.eks. z-index: -1;

Kode eksempel:

<style type="text/css">

.b1 {
position: relative;
left: 500px;
bottom: 100px;
z-index: 1;
}

.b2 {
position: relative;
left: 515px;
bottom: 115px;
z-index: 2;
}

.b3 {
position: relative;
left: 530px;
bottom: 130px;
z-index: 3;
}

.b4 {
position: relative;
left: 545px;
bottom: 145px;
z-index: 4;
}

.b5 {
position: relative;
left: 560px;
bottom: 160px;
z-index: 5;
}

</style>


<div class="b1">

<img src="http://www.hjemmesidekursus.dk/grafik/logo_billed.jpg" alt="test">

</div>



<div class="b2">

<img src="http://www.hjemmesidekursus.dk/grafik/logo_billed.jpg" alt="test">

</div>


<div class="b3">

<img src="http://www.hjemmesidekursus.dk/grafik/logo_billed.jpg" alt="test">

</div>


<div class="b4">

<img src="http://www.hjemmesidekursus.dk/grafik/logo_billed.jpg" alt="test">

</div>


<div class="b5">

<img src="http://www.hjemmesidekursus.dk/grafik/logo_billed.jpg" alt="test">

</div>