CSS z-index లక్షణం

నిర్వచనం మరియు వినియోగం

z-index లక్షణం ఎలిమెంట్ యొక్క ప్రత్యేక స్థానాన్ని నిర్ణయిస్తుంది. అధిక ప్రత్యేక స్థానం కలిగిన ఎలిమెంట్ తక్కువ ప్రత్యేక స్థానం కలిగిన ఎలిమెంట్ ముందు ఉంటుంది.

ప్రకటన:ఎలిమెంట్ యొక్క z-index లక్షణం నిరాకరించబడిన విలువను కలిగి ఉండవచ్చు.

ప్రకటన:Z-index లొకేషన్ ఎలిమెంట్ పై మాత్రమే పని చేస్తుంది (ఉదాహరణకు position:absolute;).

వివరణ

ఈ లక్షణం ఒక లొకేషన్ ఎలిమెంట్ ను జి అక్షానంలో స్థానాన్ని నిర్ణయిస్తుంది, జి అక్షం అనేది ప్రదర్శన క్షేత్రానికి లంబంగా పొడిగిన అక్షం. అయితే సంఖ్య పూర్వకం అయితే వినియోగదారు కు సమీపంలో ఉంటుంది, కానీ నిరాకరించబడిన సంఖ్య అయితే వినియోగదారు దూరంలో ఉంటుంది.

మరింత చూడండి:

CSS నేపథ్య కురికి:CSS లొకేషన్

HTML DOM పరిశీలన కురికి:zIndex లక్షణం

ఉదాహరణ

చిత్రం యొక్క z-index ని నిర్ణయించుము:

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

నేను ప్రయత్నించండి

CSS సంకేతాలు

z-index: auto|number|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
auto అప్రమేయం. ప్రత్యేక స్థానం పై ఎలిమెంట్ తో సమానంగా ఉంటుంది.
number ఎలిమెంట్ యొక్క ప్రత్యేక స్థానాన్ని నిర్ణయించుతుంది.
inherit ప్రక్రియా ప్రమాణం ప్రకారం పై ఎలిమెంట్ నుండి జి-ఇండెక్స్ లక్షణను పారంతరణ చేయాలి.

సాంకేతిక వివరాలు

అప్రమేయం: auto
పారంతరణాత్మకత: no
సంస్కరణ: CSS2
JavaScript సంకేతాలు: object.style.zIndex="1"

మరిన్ని ఉదాహరణలు

Z-index
Z-index ఒక ఎలిమెంట్ ను మరొక ఎలిమెంట్ తర్వాత పెట్టడానికి ఉపయోగించబడుతుంది.
Z-index
ప్రకటనలో ప్రమాణికమైన ఐనియర్ జి-ఇండెక్స్ మార్చబడింది.

బ్రౌజర్ మద్దతు

పట్టికలో వివరించబడిన సంఖ్యలు ఈ లక్షణను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను గుర్తిస్తాయి.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 3.0 1.0 4.0