पूर्ण स्क्रीन इफ्रेम

Question

मैं एक सीएसएस समाधान की तलाश में हूं जो मुझे एक पृष्ठ में कुछ क्षैतिज पूर्ण-स्क्रीन आईफ्रेम प्रदर्शित करने देगा।

मैं स्वयं jQuery को कर सकता हूं, मुझे बस एक पृष्ठ में होने वाले कुछ आईफ्रेम की आवश्यकता है, इसलिए मैं 'अगला' पर क्लिक कर सकता हूं और अगला आईफ्रेम पूर्ण स्क्रीन होगी। (इसलिए iframes फ़्लोट किया जाना चाहिए)

धन्यवाद! ऊंचाई के लिए क्रम में: iframes पर

Answer 1

iframeclass उपयोग उन्हें एक दूसरे के शीर्ष पर प्रदर्शित करने के लिए है, तो जो है

.iframeclass { 
    position: absolute; 
    top: 0; left: 0; 
    width:100%; 
    height:100%; 
} 

नोट "शीर्ष पर" को दिखाने के लिए z- सूचकांक सेट करने के लिए jQuery का उपयोग करें: 100%; काम करने के लिए, माता-पिता ऑब्जेक्ट में ऊंचाई सेट होना चाहिए। अर्थात्:

body { 
    height:100%; 
} 

दूसरा टिप्पणी कृपया ध्यान रखें कि जबकि इससे आपके प्रश्न का, जवाब देता है इसके नहीं कैसे मैं कर रहा कि मैं क्या लगता है कि आप को प्राप्त करने के प्रयास कर रहे हैं की सलाह देते हैं, मैं एक एकल में प्रत्येक फ्रेम की सामग्री लोड हो रहा है की सलाह देते हैं हो जब आपको इसकी आवश्यकता होती है तो AJAX के साथ div। Iframes सभी अपनी सामग्री को पृष्ठ लोड पर लोड करेंगे।