जेड-इंडेक्स सैमसंग गैलेक्सी टैब पर काम नहीं कर रहा है?

Question

मैं इस परियोजना पर काम के लिए काम कर रहा हूं जहां सैमसंग गैलेक्सी टैब पर ई-लर्निंग खेला जाएगा। गेम सिर्फ एक वेबसाइट है लेकिन ऐप के रूप में दिखाया जाएगा।

जब आप पहली बार लॉग इन करते हैं तो आपको इस स्वागत संदेश के साथ एक पॉपअप दिखाई देगा, इसके पीछे ट्रांसपेरेंसी के साथ एक काला ओवरले है।

समस्या यह है कि पीसी पर फ़ायरफ़ॉक्स पर यह सब बहुत अच्छा काम करता है लेकिन टैबलेट पर जेड-इंडेक्स काम नहीं करता है। डीबग करना असंभव है और मुझे इस मुद्दे पर कोई दस्तावेज नहीं मिला। तो क्या किसी को पता है कि टैबलेट पर ज़ेड-इंडेक्स अलग-अलग काम करता है या मैं इसे कैसे ठीक कर सकता हूं?

पॉप अप में जेड-इंडेक्स 999 है और ओवरले जेड-इंडेक्स 998, इस पर कोई विचार है? मैं Google पर अपनी खोज जारी रखूंगा और जो भी प्रगति करता हूं उसे पोस्ट करूंगा।

संपादित करें: ओवरले Jquery में बनाया जाएगा: वर showPopup = '। <% = ViewData ("showPopup") toString()%>'

if (showPopup == "True") { $('body').prepend('<div class="overlay"></div>'); $('#welcomeBox').show(); } 

अब हल, समाधान के लिए टिप्पणी देखना ।

Answer 1

मिले जवाब है, जवाब यहां पाया जा सकता stackoverflow पर आंशिक रूप से किया गया था: Android Webkit: Absolutely positioned elements don't respect z-index

बाकी एक ट्यूटोरियल में पाया गया था।

मैं jQuery में ओवरले को जोड़ा लेकिन पॉप अप html में था, लेकिन सिर्फ छिपा:

समाधान निम्नलिखित था। इसलिए मैंने कोड के उस हिस्से को jQuery चेक में भी जोड़ा। पॉपले को ओवरले की अस्पष्टता विरासत में रखने के लिए मुझे $('body').prepend का फिर से उपयोग करना पड़ा। यह सब अब काम करता है।

Answer 2

पार्टी के लिए देर हो गई, लेकिन मुझे इसके लिए सबसे अच्छा समाधान मिला -webkit-transform: translate3d (0,0,0); उस आइटम पर जो पूर्ण स्थान और जेड-इंडेक्स है। हर बार मेरी समस्या हल हो गई है। आंशिक रूप से stackoverflow पर यहां पाया जा सकता