కోర్సు సిఫారసులు:
- 上一页 widows
- 下一页 alignContent
- 返回上一层 HTML DOM Style 对象
స్టైల్ zIndex లక్షణం
నిర్వచనం మరియు ఉపయోగం
zIndex
లక్షణం సెట్ లేదా తిరిగి పొందడానికి పొజిషన్ లక్షణం ప్రక్రియా క్రమాన్ని నిర్వచిస్తుంది.
సూచన:పొజిషన్ లక్షణం కలిగిన ప్రక్రియా క్రమం మరియు తక్కువ ప్రక్రియా క్రమం కలిగిన ప్రక్రియా క్రమం ముందు ఉంటుంది (0). position లక్షణం సెట్ చేయండి:relative
,absolute
లేదా fixed
యొక్క ప్రక్రియా క్రమాన్ని.
సూచన:పరస్పరం ముఖం పెట్టడానికి ఈ లక్షణం అనేకంగా ఉపయోగపడుతుంది.
ఇతర పరిచయాలు:
CSS పాఠ్యకోశం:CSS 定位
CSS పరిచయం:z-index లక్షణం
ఉదాహరణ
ఉదాహరణ 1
మార్చే <img> ప్రక్రియా క్రమం:
document.getElementById("img1").style.zIndex = "1";
ఉదాహరణ 2
మార్చే <div> ప్రక్రియా క్రమ లక్షణం విలువ:
document.getElementById("myDIV").style.zIndex = "-1";
ఉదాహరణ 3
ప్రతిస్పందించే <img> ప్రక్రియా క్రమ లక్షణం విలువ:
alert(document.getElementById("img1").style.zIndex);
సంకేతం
జిఐఐఎక్స్ లక్షణం తిరిగి పొందండి:
object.style.zIndex
సెట్ జిఐఐఎక్స్ లక్షణం:
object.style.zIndex = "auto|number|initial|inherit"
లక్షణం విలువ
విలువ | వివరణ |
---|---|
auto | బ్రాసర్ ప్రక్రియా క్రమాన్ని నిర్ణయిస్తుంది (పత్రంలో దాని స్థానానికి ఆధారపడి). మూల విలువ. |
number | ప్రక్రియా క్రమాన్ని నిర్వచించే పదబంధం. ప్రత్యక్షంగా అనుమతించబడిన నిరాకరణలు. |
initial | ఈ లక్షణం మూల విలువకు అనుసరిస్తుంది. చూడండి: initial. |
inherit | తన పేర్పడిన ప్రక్రియా క్రమాన్ని ఈ లక్షణం నుండి పాటిస్తుంది. చూడండి: inherit. |
సాంకేతిక వివరాలు
మూలం విలువ: | auto |
---|---|
ఫలితం: | పదబంధం, దాని ప్రక్రియా క్రమాన్ని సూచిస్తుంది. |
CSS సంస్కరణం: | CSS2 |
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |
- 上一页 widows
- 下一页 alignContent
- 返回上一层 HTML DOM Style 对象