सीएसएस जेड-इंडेक्स संपत्ति
उदाहरण
किसी छवि के लिए z- अनुक्रमणिका सेट करें:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
परिभाषा और उपयोग
गुण किसी तत्व के स्टैक क्रम को z-index
निर्दिष्ट करता है।
अधिक स्टैक ऑर्डर वाला तत्व हमेशा निचले स्टैक ऑर्डर वाले तत्व के सामने होता है।
नोट: z-index
केवल स्थित तत्वों पर काम करता है (स्थिति: पूर्ण, स्थिति: सापेक्ष, स्थिति: निश्चित, या स्थिति: चिपचिपा) और फ्लेक्स आइटम (तत्व जो
प्रदर्शन के प्रत्यक्ष बच्चे हैं: फ्लेक्स तत्व)।
नोट: यदि दो स्थित तत्व एक निर्दिष्ट के बिना ओवरलैप करते हैं z-index
, तो HTML कोड में अंतिम स्थान पर स्थित तत्व शीर्ष पर दिखाया जाएगा।
डिफ़ॉल्ट मान: | ऑटो |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हां। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 2 |
जावास्क्रिप्ट सिंटैक्स: | वस्तु .style.zIndex="-1" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
सीएसएस सिंटेक्स
z-index: auto|number|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
auto | Sets the stack order equal to its parents. This is default | |
number | Sets the stack order of the element. Negative numbers are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस पोजिशनिंग
HTML DOM संदर्भ:
zIndex गुण