css (cascading style sheets) de z-index oluşturduğumuz katmanları üst üste sıralamaktır. Yani katmanlara 3. boyutda verilen bir değerdir. Kısa bir açıklamadan sonra örneğimize geçelim.
Aşağıdaki örnekte resme z-index:-1 değeri verilerek yazının arkasına atılması sağlanmıştır.
<head>...</head> tagleri arasında ki STYLE kodumuz:
img.resmimiz
{
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
<body>..</body> tagleri arasında ki kod kısmımız:
<h1>AyBaRdUmLu.com</h1>
<img class="resmimiz" src="resimyolu" width="200" height="200">
<p>Burada z-index:-1 değerinde</p>
Örnek kod aşağıda ki gibi görünecektir.
Resim yazının arkadasına geçmiş olacak. Burda aynı şekilde z-index değerini 1 yaparsanız (z-index:1) resim yazının üstünde görünecektir.
Kolay gelsin arkadaşlar,
