Z- सूचकांक - सीएसएस-ट्रिक्स

Anonim
div ( z-index: 1; /* integer */ )

z-indexसीएसएस में संपत्ति है कि ओवरलैप तत्वों के लंबवत स्टैकिंग क्रम नियंत्रित करता है। जैसे, जिसमें कोई ऐसा प्रतीत होता है जैसे वह शारीरिक रूप से आपके करीब हो। z-indexकेवल उन तत्वों को प्रभावित करता है, जिनके पास static(डिफ़ॉल्ट) के अलावा कोई स्थिति मान है ।

तत्व कई कारणों से ओवरलैप कर सकते हैं, उदाहरण के लिए, सापेक्ष स्थिति ने इसे कुछ और पर नंगा कर दिया है। नकारात्मक मार्जिन ने तत्व को दूसरे पर खींच लिया है। बिल्कुल तैनात तत्व एक दूसरे को ओवरलैप करते हैं। सभी प्रकार के कारण।

किसी भी z-indexमूल्य के बिना , तत्व उस क्रम में ढेर हो जाते हैं जो वे डोम में दिखाई देते हैं (शीर्ष पर समान पदानुक्रम स्तर पर सबसे नीचे एक)। गैर-स्थैतिक स्थिति वाले तत्व हमेशा डिफ़ॉल्ट स्थैतिक स्थिति वाले तत्वों के शीर्ष पर दिखाई देंगे।

यह भी ध्यान दें कि नेस्टिंग एक बड़ी भूमिका निभाता है। यदि कोई तत्व B, A के शीर्ष पर एक तत्व B बैठता है, तो तत्व A का एक बच्चा तत्व B से अधिक कभी नहीं हो सकता है।

ध्यान दें कि IE का पुराना संस्करण इस संदर्भ सामान को थोड़ा खराब कर देता है। यहाँ उस के लिए एक jQuery तय है।

अधिक जानकारी

  • Screencast: कैसे z- सूचकांक काम करता है
  • एमडीएन डॉक्स
  • व्यापक लेख: जेड-इंडेक्स को समझना
  • तर्कसंगत z- सूचकांक मान

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

क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
काम करता है काम करता है काम करता है काम करता है 4+ 4+ काम करता है