Praneškite apie mus:


CSS parametras - z-index

Įvertink
(0 balsai)
1 1

Z-index parametras nurodo kaip elementai yra išsidėstę z ašyje. Z ašis yra statmena ekrano plokštumai. Kuo didesnė z-index reikšmė, tuo elementas yra "arčiau" mūsų, todėl jis būna aukščiau kitų elementų. Tokiu būdu galime padaryti vienas kitą perdengiančius elementus. Z-index parametras veikia tik su elementais, kurių parametras position turi reikšmę absolute, relative arba fixed.

Pavyzdys

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
div.pirmas {
position:absolute;
left:0px;
top:0px;
width:50px;
height: 50px;
background-color:#0F0;
z-index:-10;
}
 
// ant pirmo div elemento eantis antras div elementas
 
div.antras {
position:absolute;
left:0px;
top:0px;
width:10px;
height:10px;
background-color:#F00;
z-index:10;
}

 

Galimos reikšmės

Reikšmė Aprašymas
auto Elemento z-index reikšmė sutampa su tėvinio elemento z-index reikšme.
skaičius Skaičius. Kuo didesnis, tuo elementas "aukščiau". Galimos neigiamos reikšmės.
inherit
Elemento stiliai turi būti paveldimi iš tėvinio elemento. Elemento, kuriame yra šis elementas.

 

Techninė informacija

Pradinė reikšmė auto
Paveldėta ne
Kurios versijos CSS2
JavaScript išraiška object.style.zIndex="reikšmė"
Naršyklių palaikymas ie ff opera chrome safari

Papildoma informacija: Nė viena Internet Explorer versija nepalaiko parametro inherit

 

Atnaujinimo Data: Trečiadiens, Gegužės 19, 2010
Lukas

Lukas

Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn

E-mail: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Login to post comments
CSS parametrai
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: