कोर्स सिफ़ारिश:

CSS z-index गुण

परिभाषा और उपयोग

एलिमेंट को नकारात्मक जी-इंडेक्स गुण मूल्य भी दिया जा सकता है。z-index गुण एलिमेंट के स्टैकिंग क्रम को सेट करता है। उच्च स्टैकिंग क्रम वाले एलिमेंट हमेशा नीचे स्टैकिंग क्रम वाले एलिमेंट के ऊपर होते हैं。

एलिमेंट को नकारात्मक जी-इंडेक्स गुण मूल्य भी दिया जा सकता है。टिप्पणी:

वर्णन

इस गुण का प्रयोग एक स्थानांतरण एलिमेंट (उदाहरणतः position:absolute;) पर ही कारगर होता है!

और देखें:

CSS शिक्षा:CSS स्थानांतरण

HTML DOM संदर्भ पुस्तक:zIndex गुण

उदाहरण

इमेज के जी-इंडेक्स को सेट करें:

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
इस पूर्व-उदाहरण में एलिमेंट का Z-index बदल गया है。

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण का पूर्ण समर्थन करने वाले पहले ब्राउज़र का संस्करण को दर्शाते हैं。

च्रोम IE / एजेंडा फ़ायरफॉक्स सैफारी ओपेरा
1.0 4.0 3.0 1.0 4.0