CSS-ում Z առանցքի երկայնքով տարրերի համադրման կարգավորում

Տարրերի համադրման կարգը կարելի է կարգավորել օգտագործելով z-index հատկությունը, որն ընդունում է որպես արժեք դրական կամ բացասական ամբողջ թվեր, կամ զրո: Հատկությունն աշխատում է միայն այն տարրերի համար, որոնց position հատկության արժեքը սահմանված է որպես absolute, fixed կամ relative:

Այս հատկությունը օգտագործելիս տարրերի համադրման կանոնը հետևյալն է. ավելի վերև կլինի այն տարրը, որի z-index արժեքն ավելի մեծ է:

Եկեք փոխենք նախորդ օրինակի տարրերի համադրման կարգը: Դրա համար առաջին տարրին կտանք z-index ավելի մեծ, քան երկրորդին, օրինակ, այսպես.

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

Կոդի կատարման արդյունք.