क्यों जेड-इंडेक्स div के लिए काम नहीं कर रहा है?

Question

मैं अपने पाद लेख को पाद लेख पृष्ठभूमि के शीर्ष पर दिखाने की कोशिश कर रहा हूं, लेकिन जेड-इंडेक्स काम नहीं कर रहा है। क्या कोई देखता है कि इसमें क्या गलत है? http://jsfiddle.net/f2ySC/

Answer 1

आप करने के लिए है स्पष्ट रूप सेposition संपत्ति को परिभाषित:

... जड़:

.footerBox { 
    background-color: #FFFFFF; 
    border: 10px solid #DDDDDD; 
    margin: 10px 0 -200px -10px; 
    width: 1185px; 
    z-index: 1000; 

    position:relative; 

} 

http://jsfiddle.net/f2ySC/1/

---

यह current stacking context में पाद लेख लाता है तत्व रूपों रूट स्टैकिंग संदर्भ। अन्य स्टैकिंग संदर्भ 'ऑटो' के अलावा 'z-index' के गणना मूल्य वाले किसी भी स्थान तत्व (अपेक्षाकृत स्थित तत्वों सहित) द्वारा उत्पन्न होते हैं। संदर्भों को ढेर करना आवश्यक नहीं है ब्लॉक युक्त। सीएसएस के भविष्य के स्तरों में, अन्य संपत्तियों अत्यधिक संदर्भों का परिचय सकता है, उदाहरण 'अस्पष्टता' के लिए ...

http://www.w3.org/TR/CSS2/visuren.html#z-index

Answer 2

footerBox पर absolute को position विशेषता निर्धारित के रूप में

इस प्रकार आपका नया कोड पढ़ना चाहिए

.footerBox { 
    background-color: #FFFFFF; 
    border: 10px solid #DDDDDD; 
    margin: 10px 0 -200px -10px; 
    width: 1185px; 
    z-index: 1000; 
    position: absolute; 
} 

एक डेमो here

हमारे देखें आईएनजी position: relative भी काम करता है

Answer 3

क्या यह प्रभाव आप ढूंढ रहे हैं? Updated example

मैं नकारात्मक मार्जिन का उपयोग कर एक अच्छा अभ्यास नहीं है z-index

Answer 4

सक्षम करने के लिए #footerBack और .footerBox को position: relative; गयी। z- सूचकांक: -1; यह सिर्फ एक और div की पृष्ठभूमि पर सामग्री प्रदर्शित करता है :)