CSS හි z-index ඍණාත්මක අගයක් භාවිතා කිරීමේ සූක්ෂම කරුණු

අංගයක් සඳහා z-index නියම කර නොමැති නම්, එහි අගය 0 ලෙස ව්‍යාකූල කළ යුතුය. මෙයින් අදහස් කරන්නේ z-index අගය -1 ට සමාන වන අංගයක් z-index නොමැති අංගයකට වඩා පහළින් පිහිටන බවයි.

අපගේ අංග දෙක සමඟ ඇති උදාහරණය පහත පරිදි නැවත සකස් කළ හැකිය: දෙවන අංගයට z-index අගය -1 ලෙස නියම කරන්න, එවිට එය පළමු අංගයට යටින් පිහිටනු ඇත:

css#elem1 {
  /* z-index නියම නොකරන්න */
}
#elem2 {
  z-index: -1;
}

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

Задание 1

මෙම රූපසටහන අනුව පිටුව නැවත සකස් කරන්න: