सीएसएस उच्च जेड-इंडेक्स कम एक

Question

के तहत प्रकट होता है मैं सीएसएस पर जेड-इंडेक्स के साथ एक समस्या के साथ संघर्ष कर रहा हूं।

मेरे पास जेड-इंडेक्स < 100 के साथ एक आइटम है, और एक और एक (छवि) 3000 के जेड-इंडेक्स (वास्तव में बहुत अधिक) के साथ है।

फिर भी दूसरा वाला पहला व्यक्ति दिखाई देता है, यह मुझे थोड़ा पागल बनाता है। मैंने समस्या पर थोड़ी सी खोज की है, मैंने पढ़ा है कि यह एक स्थिति नहीं डालने के कारण हो सकता है, इसलिए मैंने स्थिति के साथ प्रयास किया है: निश्चित, स्थिति: सापेक्ष, लेकिन 2 कामों में से कोई भी नहीं।

वेबसाइट है: www.imagine-that.be

छवि मेनू के दाईं ओर पर, नीचे दाईं ओर स्थित प्रकट करने के लिए है। आप मेनू के पीछे थोड़ा सा देख सकते हैं।

इस

सीएसएस कोड है कि मैं का उपयोग करने की कोशिश है:

#menulogo { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 
#menulogo img { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 

मैं वास्तव में इस समय क्या मैं इस को हल करने के लिए क्या करना चाहिए पर एक सुराग नहीं है, इसलिए किसी भी मदद बड़ा समय की सराहना की जाएगी !

संबंध है,

कोएन

Answer 1

आप पढ़ना चाहिए this MDN article कैसे z- सूचकांक काम करता है जानने के लिए। अपनी समस्या को ठीक करने के लिए, body तत्व पर बस अपने div#menulogo को पैरेंट करें।

Answer 2

जब आप इस समस्या को हल करने के लिए प्रबंधन कैसे करूँ

इस

#menulogo { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:2000; 
} 
#menulogo img { 
    position:fixed; 
    bottom:40px; 
    right:100px; 
    z-index:5000; //changed from 2000 to 5000 
}