2012-05-22 10 views
6

मेरे पास एक साइट पर एक ड्रॉपडाउन मेनू है जो हाल ही में क्रोम सहित सभी ब्राउज़रों में सही ढंग से प्रदर्शित हो रहा था। अब क्रोम 1 9 में यह किसी अन्य तत्व के पीछे प्रस्तुत किया गया है, भले ही दोनों में पोजीशनिंग हो और मेनू में उच्च जेड-इंडेक्स हो।क्रोम 1 9 में जेड-इंडेक्स रेंडरिंग बग?

ऊपरी दाएं कोने की छवि देखें:

enter image description here

और यहाँ स्थल है: http://www.mediaplanet.com/international/

यह एक प्रतिपादन बग है या कुछ और मेरी कोड के साथ गलत क्या है?

+0

यह एक बग होना चाहिए। मैंने क्रोम डेवलपर टूल में परीक्षण किया है, लेकिन कुछ भी काम नहीं किया है। यहां तक ​​कि स्टैकओवरफ्लो में नए संस्करण के साथ कुछ जेड-इंडेक्स समस्याएं हैं। आपका कोड ठीक लगता है। –

+0

क्रोम में एक समस्या की पुष्टि की 19. फ़ायरफ़ॉक्स 13 बीटा में ठीक से काम करता है। –

+1

नीचे मेरा समाधान क्रोम 1 9 के लिए सीएसएस बग को हल करता है .... –

उत्तर

4

अपने style.css स्टाइलशीट में, #header .row करने के लिए 9999 के z-index की स्थापना की और है कि यह करना चाहिए।

वर्तमान में यह है:

#header .row { 
    position: relative; 
    overflow: visible; 
} 

यह क्रोम 19 में मेरे लिए काम करता है अगर आप इसे बदलें:

#header .row { 
    position: relative; 
    overflow: visible; 
    z-index: 99999; 
} 

कि चाल करना चाहिए! :)

+0

स्वीट! बहुत बहुत धन्यवाद, मैंने सोचा कि मैंने पहले से ही हर संयोजन की कोशिश की है, लेकिन निश्चित रूप से उसको याद किया! –

संबंधित मुद्दे