Z ღერძის გასწვრივ ელემენტების დაწყობის რეგულირება CSS-ში
ელემენტების დაწყობის თანმიმდევრობის რეგულირება შესაძლებელია
z-index თვისების მეშვეობით, რომელიც იღებს
მთელ დადებით ან უარყოფით
რიცხვებს, ან ნულს. თვისება მუშაობს მხოლოდ
იმ ელემენტებისთვის, რომელთა position
თვისების მნიშვნელობა არის absolute, fixed
ან relative.
ამ თვისების გამოყენებისას ელემენტების დაწყობის წესი
შემდეგია: ზემოთ იქნება
ის ელემენტი, რომლის z-index
მნიშვნელობაც უფრო დიდია.
მოდით, შევცვალოთ ელემენტების დაწყობის თანმიმდევრობა
წინა მაგალითიდან. ამისთვის პირველ
ელემენტს დავუწეს z-index უფრო დიდი,
ვიდრე მეორეს, მაგალითად, ასე:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
კოდის შესრულების შედეგი:
გაიმეორეთ გვერდი ამ ნიმუშის მიხედვით:
გაიმეორეთ გვერდი ამ ნიმუშის მიხედვით:
