आईपैड/आईफोन

पर फैंक्सबॉक्स ओवरले समस्या आईपैड/आईफोन पर, ओवरले फेंसीबॉक्स में मीडिया के शीर्ष पर दिखाई देती है, यह पूरा पृष्ठ फैंक्सबॉक्स की सामग्री को शामिल करने वाले ओवरले से भरा हुआ है। कोई विचार की हम इसे कैसे ठीक कर सकते हैं?आईपैड/आईफोन

इसके अलावा, मैं JWPlayer fancybox वीडियो चलाने में एचटीएमएल 5 का उपयोग कर फ़्लैश के बजाय काम कर रहा है, लेकिन समस्या यह है, वीडियो के शीर्ष पर प्रदर्शित होने ओवरले है ताकि जब मैं चलाएं बटन को स्पर्श, fancybox गायब हो जाता है ...

पर jwplayer in fancybox not playing on ipad/iphone

संपादित करें iOS के लिए fancybox में JWPlayer की मेरी कार्यान्वयन पर अपने पिछले प्रश्न देखें:

दिलचस्प बात यह है कि अगर मैं सीएसएस के इस खंड को बाहर टिप्पणी, मैं एक पर fancybox वीडियो पर क्लिक कर सकते हैं आईपैड बिना जा रहा है और पीएलए y वीडियो:

.fancybox-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    overflow: hidden; 
    display: none; 
    z-index: 9999; 
background: url('fancybox_overlay.png'); 
}

fancybox जबकि उसके बाद iPhone और iPad पर ठीक काम करता है, डेस्कटॉप उपकरणों की fancybox के प्रदर्शन

स्रोत

2013-02-14 IlludiumPu36

क्या यह पीसी (इंटरनेट एक्सप्लोरर, फ़ायरफ़ॉक्स, क्रोम) पर ब्राउज़र में भी होता है? – Uooo

नहीं, केवल ios – IlludiumPu36

पर जो मैं देख रहा हूं उसके उदाहरणों के लिए https://groups.google.com/forum/?fromgroups=#!topic/fancybox/oUnAPbTisfY देखें – IlludiumPu36

अगर मैं निम्नलिखित करने के लिए jquery.fancybox.css में सीएसएस बदलने के लिए, सभी डेस्कटॉप और IOS उपकरणों पर ठीक है:

.fancybox-overlay { 
    position: relative; 
    top: 0; 
    left: 0; 
    overflow: hidden; 
    display: none; 
/* z-index: 9999;*/ 
background: url('fancybox_overlay.png'); 
}

स्रोत

2013-02-14 08:47:18 IlludiumPu36

स्वयं और भविष्य के उपयोगकर्ताओं को ध्यान दें: स्थिति प्रकार में परिवर्तन के साथ-साथ जेड-इंडेक्स से टिप्पणी करने पर ध्यान दें। – mindtonic

मेरे लिए काम नहीं करता है। –

यह मेरे z- सूचकांक के मुद्दे के कारण हो सकता है वांछनीय से कम है ...। सीएसएस फ़ाइल के अंत में इन पंक्तियों के जोड़ने का प्रयास करें:

.fancybox-overlay{z-index:9999 !important} 
.fancybox-wrap{z-index:99999 !important}

स्रोत

2013-02-14 06:19:56

क्या ऐसा कोई अंतर नहीं था। मैं सीएसएस में ओवरले को पूरी तरह से कैसे हटा सकता हूं? – IlludiumPu36

मैंने पृष्ठभूमि पर टिप्पणी की है: url ('fancybox_overlay.png'); जिसने ओवरले को हटा दिया है ... लेकिन फैंक्सबॉक्स में किसी वीडियो के लिए प्ले बटन को छूना अभी भी fancybox closes ... क्लोजक्लिक का उपयोग कर: झूठा, आईपैड पर कोई differennce नहीं बनाता है। – IlludiumPu36

इसे सीएसएस फ़ाइल के अंतिम भाग में जोड़ें # fancybox-overlay {display: none! Important} –

यह ऐसा लगता है कि हर किसी के लिए हल नहीं किया जा रहा है .. मोबाइल पर फैंक्सबॉक्स के साथ क्या हो रहा है, divs सही ढंग से व्यवस्थित नहीं हैं। यह कुछ गोली का पता लगाने जोड़कर तय किया जा सकता है:

var MOBILE = $('html').hasClass('touch'); 
var TABLET = (MOBILE && screen.width >= 768);

तो फिर तुम अगर तुम एक गोली का पता लगाने के चारों ओर कंटेनर ले जा सकते हैं:

if (TABLET) { 
    $('.fancybox-overlay' ).insertBefore($('.fancybox-wrap')); 
}

यह मेरे लिए इस मुद्दे को ठीक करने के लिए लग रहा था। उम्मीद है कि यह किसी और की मदद करता है! 1 एक सीएसएस चाल उस तत्व बलों हमेशा ध्यान में और शीर्ष पर रहने के लिए है:

स्रोत

2015-05-14 04:49:54

मैं

.fancybox-inner { 
    overflow: hidden; 
}

बदलते

.fancybox-inner { 
    overflow: hidden; 
    zoom:1; 
}

ज़ूम के साथ द्वारा बहुत आसानी से इस समस्या का समाधान हो।

स्रोत

2016-01-20 20:05:50

उत्तर

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