2013-01-01 20 views
11

क्या बीच का अंतर है:ऑटो, 0, और कोई जेड-इंडेक्स के बीच अंतर?

  1. z- सूचकांक: ऑटो
  2. z- सूचकांक: 0
  3. सभी

सब से ऊपर परिदृश्यों में कोई z सूचकांक एक div के लिए हैं कि दो divs, div1 और div2 संलग्न प्रत्येक एजी सूचकांक क्रमशः 9 और 10 है।

संलग्न div HTML के स्टैकिंग संदर्भ में है।

उत्तर

11

z-index निर्दिष्ट नहीं है z-index: auto जैसा ही है; यह उसका प्रारंभिक मूल्य है।

auto और 0 एक ही बात है यदि आपका तत्व अपना खुद का स्टैकिंग संदर्भ नहीं बनाता है; जैसे यह सापेक्ष, पूर्ण या निश्चित के रूप में स्थित नहीं है।

यदि आपका संलग्न div स्थित नहीं है, तो जो भी आप z-index सेट करते हैं, इससे कोई फर्क नहीं पड़ता; यह और इसकी सभी सामग्री html के स्टैकिंग संदर्भ में भाग लेगी, और इसके वंशज हमेशा इसके सामने स्थित होंगे।

+0

धन्यवाद बोल्टक्लॉक।; आपके उत्तर के अतीत अनुच्छेद ने सब कुछ ठीक से समझाया। वास्तव में जो मैं खोज रहा था। – bluelurker

2

z- सूचकांक: ऑटो

ढेर आदेश अपने माता पिता के बराबर सेट करता है। यह डिफ़ॉल्ट है।

z- सूचकांक: नहीं

ढेर आदेश अपने माता पिता ऑटो के रूप में ही करने के लिए बराबर सेट: 0

कुछ भी नहीं

z- सूचकांक करता है।

z- सूचकांक: वारिस

निर्दिष्ट करता है कि z- सूचकांक पेरेंट तत्व से विरासत में मिला दिया जाना चाहिए आगे पढ़ने और परीक्षण के लिए

संदर्भ:

Link

+0

बोल्टक्लॉक की तरह, 'z-index: 0' इसे भाई बहनों के पीछे बनाता है जिनके पास' z-index: 'नहीं है। – jasonszhao

+0

@jasonszhao, यह सच नहीं है। जैसे देखें: https://jsfiddle.net/jf3bgL9z/3/ –

0

n सीएसएस, आप एक दूसरे को ओवरलैप करने के लिए 2 या अधिक ऑब्जेक्ट्स को स्थिति में रख सकते हैं। उनके जेड-इंडेक्स निर्धारित करते हैं कि कौन सी ऑब्जेक्ट्स "ऑब्जेक्ट्स" या "पीछे" अन्य ऑब्जेक्ट्स हैं जो वे ओवरलैप करते हैं। उच्च एक वस्तु के z- सूचकांक, वस्तुओं की "ढेर में उच्च" यह (परत जिसमें एक स्पष्ट z-index बिना सभी तत्वों रहते हैं) को प्रदर्शित करेगा

1

z-index:0 हमेशा "डिफ़ॉल्ट परत" है, और z-index:auto का अर्थ है: "अपने माता-पिता के बराबर स्टैक ऑर्डर सेट करता है"। चूंकि माता-पिता के सभी बच्चे डिफ़ॉल्ट रूप से "z-layer 0" में शुरू होते हैं - उनके माता-पिता के सापेक्ष, फिर, प्रभावित, z-index:auto और z-index:0 का अर्थ समान है: वे दोनों एक ही "परत में होंगे ", और उनका स्टैकिंग ऑर्डर डिफ़ॉल्ट स्टैकिंग नियमों के अनुसार होगा, जिन्हें आप here देख सकते हैं।