Praneškite apie mus:


CSS parametras - z-index

0
CSS parametrai
Lukas

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

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

Perskaityta: 3618 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?
dalintis Facebook
dalintis MySpace
dalintis Twitter
Digg it
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: