Praneškite apie mus:


CSS parametras - z-index

0

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

 

Perskaityta: 3239 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
žinynas    css    parametrai    zIndex   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti
CSS parametrai
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: