Baloldali div szakaszok z-index értékének változása: egér felette vagy elhagyja.
Jobboldali div szakaszok z-index értékének változása: egér kattint vagy elhagyja.

A hivatkozási szövegrészeknek, szemléltető szerepük van a z-index működését bemutató példákban, azaz nem visznek másik témakörre, ha rákattintunk!

---

A z-index, azaz zIndex értéket, képekkel vezéreljük.

A div szakasz z-index, azaz zIndex értéke akkor változik meg, ha a kép fölé mozgatjuk az egeret.

A div szakasz z-index, azaz zIndex értéke akkor változik meg, ha a képen kattintunk az egérrel.

---

A z-index, azaz zIndex értéket, szöveges résszel vezéreljük.

A div szakasz z-index, azaz zIndex értéke akkor változik meg, ha a szöveg fölé mozgatjuk az egeret.

A div szakasz z-index, azaz zIndex értéke akkor változik meg, ha a szövegen kattintunk az egérrel.

---

A z-index, azaz zIndex értékét, div szakasszal vezéreljük.

A div szakasz z-index, azaz zIndex értéke akkor változik meg, ha a div szakasz szövegmentes területe fölé mozgatjuk az egeret.

A div szakasz z-index, azaz zIndex értéke akkor változik meg, ha a div szakasz szövegmentes területén kattintunk az egérrel.

---

A z-index, azaz zIndex értékét, szöveg és div szakasz együttesen vezérlik.

Ezzel a vezérlési móddal, ugyan olyan hatást érhetük el, mint a képek esetében. A div szakasz z-index, azaz zIndex értéke akkor változik meg, ha a div szakasz területe fölé vagy a szövegrész fölé mozgatjuk az egeret.

A z-index, azaz zIndex érték megváltozik: - szövegre kattint vagy elhagyja - div szakasz szövegmentes területére kattint vagy elhagyja

---

A z-index, azaz zIndex értékének módosításához az adott területnek egyedi id azonosítóval kell rendelkezni.
Ha csak az adott területnek, div szakasznak adunk egyedi id azonosítót, akkor az adott területen jelölőelem nélküli szöveget írhatunk, ez nem befolyásolja a JavaScript működését.

Ha jelölőelemmel ellátott dokumentum anyagot helyezünk el, akkor ezeket is el kell látni egyedi id azonosítóval, és megírni hozzájuk is a js, meghatározásokat.
Ebben az esetben mindaddig látható lesz az adott terület, még a div szakasz területét el nem hagyjuk az egérrel.

Képek beillesztése

Nem kötelező a hivatkozás, azaz horgony <a> címke elhelyezése, ha képet illesztünk be.
Ebben az esetben, a kép, azaz <img> címében helyezzük el az egyedi id azonosítót.
A kép méretei, töltsék ki a div szakasz területét

Háttérképek beillesztése

Kép beillesztésre, háttérképet is alkalmazhatunk

Háttérképpel nem vezérelhetjük a z-index, azaz zÍndex értéket.

---

Megjegyzés

Amennyiben több objektumot határoztunk meg a JavaScript programban, mint a HTML fájlban, akkor hibát jelez Explorer 8.
Ilyen esetben, a következők közül választhatunk:
- A html fájlban is elhelyezzünk annyi, tartalmilag üres div szakaszt a megfelelő azonosítóval, amennyit a JavaScript tartalmaz.
- Töröljük JavaScript programból, a felesleges objektum hivatkozásokat

JavaScript azon jelölőelemeket vezérli, melyek rendelkeznek egyedi id azonosítóval, és ezen azonosítót beírtuk a js fájlba.
Ezen azonosítók, tetszőleges jelölőelemben elhelyezhetők.
Például:
Hivatkozásban
Div szakaszban
Img elemben
Címsorban
Bekezdésben
Stb.

Nem kötelező ragaszkodni a link azonosító szóhoz, ez tetszőleges lehet.
Akkor ajánlott a link szót használni, ha részünkről egyértelmű, hogy ott hivatkozás van, így nem keverjük össze, más területekkel.