CSS හි Z-අක්ෂය දිගේ අංග සම්පිළිබඳ රෙගුලාසි කිරීම

අංග සම්පිළිබඳ අනුපිළිවෙල z-index ගුණාංගය භාවිතයෙන් රෙගුලාසි කළ හැකිය, එය ධනාත්මක හෝ ඍණාත්මක නිඛිල, හෝ ශුන්ය අගයක් ලෙස ගනී. මෙම ගුණාංගය ක්‍රියා කරන්නේ position අගය absolute, fixed හෝ relative ලෙස නියම කර ඇති අංග සඳහා පමණි.

මෙම ගුණාංගය භාවිතා කරන විට, අංග සම්පිළිබඳ රීතිය පහත පරිදි වේ: ඉහළින් පිහිටන්නේ z-index අගය වැඩි ඇති අංගයයි.

පෙර උදාහරණයේ අංගවල සම්පිළිබඳ අනුපිළිවෙල වෙනස් කරමු. මෙය සිදු කිරීම සඳහා, පළමු අංගයට දෙවන අංගයට වඩා වැඩි z-index අගයක් පවරමු, උදාහරණයක් ලෙස, මේ ආකාරයට:

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

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය: