Remélem csak a z-index fogalmával vannak gondok, ezért egy kis magyarázattal szolgálok e téren:
Minden elemnek van x és y pozíciója, Ezt tudjuk, hiszen így pozicionáljuk a különböző DIV hivatkozásokat, de van még egy értéke, ez pedig a z tengely. Ezt matematika órán mindenki tanulta. A Z ebben az esetben a mélységet adja meg nekünk.
Úgy lehet elképzelni, mintha az asztalon egymásra kezdenénk papírlapokat rakosgatni. Ha nincs Z, akkor egymás mellé rakjuk, ha van, akkor akár el is takarhatják egymást.
Alapértelmezett a 0 érték. Ha mindegyik elemnek 0 az értéke, akkor az utóbbi van felül, ha egyiknek nagyobb az értéke, akkor értelemszerűen az van közelebb hozzánk.
Példa:
- Kód: Az összes kijelölése
#logo {
z-index: 1;
}