CSSте Z оксу боюнча элементтерди кабаттоону жөнгө салуу

Элементтерди кабаттоо тартибин z-index касиетин колдонуп жөнгө салууга болот, бул касиет оң бүтүн же терс сандарды, же же нөлдү кабыл алат. Касиет position касиетинин мааниси absolute, fixed же relative деп берилген элементтер үчүн гана иштейт.

Бул касиетти колдонгондо, элементтерди кабаттоо эрежеси төмөнкүдөй: жогоруда z-index касиетинин мааниси чоңураак болгон элемент турат.

Мурунку мисалдагы элементтердин кабаттоо тартибин өзгөртөлү. Бул үчүн биринчи элементке экинчисинен чоңураак z-index коёлу, мисалы, төмөнкүдөй:

#elem1 {
	z-index: 2;
}
#elem2 {
	z-index: 1;
}

Кодду иштетүүнүн натыйжасы:

Бул үлгү боюнча баракты кайталаңыз: