Z-index

Z-index

CSS vlastnost z-index urΦuje jakoby v²╣ku prvku na ose z, kdyby se m∞l s jin²m prvkem p°ekr²vat. Je to vlastn∞ priorita p°i p°ekr²vßnφ.

z-index
hodnoty priorita p°i p°ekr²vßnφ pozicovan²ch prvk∙
auto prvek je naho°e, pouze pokud je v k≤du pozd∞ji
Φφslo Φφm vy╣╣φ, tφm blφ╛e je ke Φtenß°i a p°ekr²vß ostatnφ vrstvy
zßpornΘ Φφslo podsouvß se pod jinΘ vrstvy, ale v Mozille mizφ (netestovßno)

Z-index funguje pouze u pozicovan²ch prvk∙, to jest u t∞ch, kterΘ maji vlastnost position nastavenu na absolute, relative nebo fixed.

Normßln∞ se uva╛uje, ╛e z-index je 0. To zp∙sobφ, ╛e naho°e budou prvky, kterΘ jsou v k≤du pozd∞ji. Mßm za to, ╛e z-index: 0 je totΘ╛, co z-index: auto (pokud se pozicovanΘ objekty nezano°ujφ).

Pokud pou╛ijete zßpornou hodnotu z-index, tak to sice bude fungovat a bude to vespod, ale v Mozille se takov² prvek v∙bec nezobrazφ.

Podpora

Velmi dob°e podporovanß vlastnost. Chybujφ prvky select, iframe a flashovΘ objekty (object, embed), t∞m nejde z-index nastavit, proto╛e jsou vykreslovßny operaΦnφm systΘmem.

Podpora vlastnosti z-index
Prohlφ╛eΦ Podpora ve verzφch Poznßmka

Internet Explorer

4, 5, 5.5, 6 ve verzi 5.0 extrΘmn∞ chybuje pr∙hledn² flash
Mozilla (Netscape 6+) v╣echny verze select nechybuje, zßpornΘ hodnoty nevykreslφ
Opera 3, 4, 5, 6, 7  
Konqueror ano  
IE 5 / Mac ano  
Netscape Navigator 4 ano n∞kterΘ odkazy Φinφ neklikacφmi, aΦkoli jsou vid∞t

P°φklady

zatφm nejsou (je to od Z)

Vizte tΘ╛

Position = zp∙sob zachßzenφ s prvky

Odkazy

CSS pozicovßnφ

o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek

Pφ╣e Yuh∙, dusan@pc-slany.cz

Hledßnφ:

KaskßdovΘ styly na www.jakpsatweb.cz

Pφ╣e Yuh∙: http://dusan.pc-slany.cz, mail: dusan@pc-slany.cz

Poslednφ aktualizace 10.12.2003