Style zIndex ਗੁਣ

ਪਰਿਭਾਸ਼ਿਤ ਅਤੇ ਵਰਤੋਂ

zIndex ਸਥਾਨਿਤ ਇਲਾਕੇ ਦੀ ਸਟੈਕਿੰਗ ਕਿਰਤ ਸੈਟ ਕਰੋ ਜਾਂ ਵਾਪਸ ਕਰੋ。

ਵੱਧ ਸਟੈਕਿੰਗ ਕਿਰਤ (1) ਵਾਲੇ ਇਲਾਕੇ ਹਰ ਸਮੇਂ ਘੱਟ ਸਟੈਕਿੰਗ ਕਿਰਤ (0) ਵਾਲੇ ਦੂਜੇ ਇਲਾਕੇ ਤੋਂ ਅੱਗੇ ਹਨ。

ਸੁਝਾਅ:ਸਥਾਨਿਤ ਇਲਾਕੇ ਹਨ position ਗੁਣ ਸੈਟ ਕਰੋ:relative、absolute ਜਾਂ fixed ਦੇ ਇਲਾਕੇ

ਸੁਝਾਅ:ਯਾਦੀ ਇਲਾਕੇ ਬਣਾਉਣ ਲਈ ਇਹ ਗੁਣ ਬਹੁਤ ਉਪਯੋਗੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ:CSS ਸਥਾਨਾਂਤਰਣ

CSS ਸੰਦਰਭ ਪੁਸਤਕ:z-index ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

img> ਇਲਾਕੇ ਦੀ ਸਟੈਕਿੰਗ ਕਿਰਤ ਬਦਲੋ:

document.getElementById("img1").style.zIndex = "1";

ਸਵੈ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

div> ਇਲਾਕੇ ਦੇ z-index ਗੁਣ ਮੁੱਲ ਬਦਲੋ:

document.getElementById("myDIV").style.zIndex = "-1";

ਸਵੈ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 3

img> ਇਲਾਕੇ ਦੇ z-index ਗੁਣ ਮੁੱਲ ਵਾਪਸ ਕਰੋ:

alert(document.getElementById("img1").style.zIndex);

ਸਵੈ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਸਿਧਾਂਤ

zIndex ਗੁਣ ਵਾਪਸ ਕਰੋ:

object.style.zIndex

zIndex ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.zIndex = "auto|number|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
auto ਬਰਾਉਜ਼ਰ ਇਲਾਕੇ ਦੀ ਸਟੈਕਿੰਗ ਕਿਰਤ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ (ਇਸ ਦੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇਸ ਦੀ ਕਿਰਤ ਤੋਂ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦਾ ਹੈ)। ਮੂਲ ਮੁੱਲ।
number ਇਲਾਕੇ ਦੀ ਸਟੈਕਿੰਗ ਕਿਰਤ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਵਾਲਾ ਪੂਰਣ ਸੰਖਿਆ। ਨੈਗਾਵਲੂ ਮੁੱਲਾਂ ਪ੍ਰਵਾਨ ਹਨ。
initial ਇਸ ਗੁਣ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਇਨਹੈਰਿਟ ਕਰੋ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: auto
ਮੁੱਢਲਾ ਮੁੱਲ: ਪਾਠ, ਜੋ ਕਿ ਇਲਾਕੇ ਦੀ ਸਟੈਕਿੰਗ ਕਿਰਤ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。
CSS ਰੈਂਜ਼: CSS2

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ