2011-01-26 10 views
5

काम नहीं कर रहा है मैं पृष्ठभूमि को पूरे शरीर (केवल चौड़ाई) खींचने की कोशिश कर रहा हूं। यह केवल क्रोम, ओपेरा और फ़ायरफ़ॉक्स पर काम करता है। मैं आईई पर भी यह काम कैसे कर सकता हूं? O_oआईई पृष्ठभूमि आकार

background-size:100%; 
-moz-background-size: auto 100%; 
-o-background-size: auto 100%; 
+1

क्या आप IE9 में काम कर रहे हैं? अन्यथा .. यह CSS3 मार्कअप है। तो कोई नहीं कर सकता। – Marnix

उत्तर

3

के बाद से पृष्ठभूमि आकार CSS3 के विशिष्ट अपने वाला है इसके लिए कुछ इस तरह उपयोग करने के लिए IE में काम करने के लिए

html {overflow-y:hidden} 
body {overflow-y:auto} 

करने के लिए अपने एचटीएमएल और शरीर सेट छवि आप एक साथ fullscreened चाहते लपेट है div # पेज-पृष्ठभूमि

#page-background {position:absolute; z-index:-1} 

फिर अपने html फ़ाइल में रखते

<div id="page-background"> 
    <img src="/path/to/your/image" width="100%" height="100%"> 
</div> 

** आप इस

html, body {height:100%; margin:0; padding:0;} 
+0

हाँ, मैंने इसे पहले ही पढ़ा है। मैंने सोचा कि एक सीएसएस-केवल समाधान है: डी। धन्यवाद वैसे भी – Cristy

0

पृष्ठभूमि आकार का आकार IE12 में संस्करण under 9 के लिए समर्थित नहीं है। एक क्रॉस ब्राउज़र समाधान fullscreenr जैसे jquery प्लगइन का उपयोग करना है।

+0

ठीक है, तो मैं इस पर IE8 उपयोगकर्ताओं को अनदेखा करूँगा :)): डी – Cristy

4

मैं jquery.backgroundSize.js बनाई तरह मार्जिन और paddings, कुछ निकालना रीसेट किसी प्रकार का उपयोग करना होगा: एक 1.5K jQuery प्लगइन है कि के लिए एक IE8 वापस आने के रूप में इस्तेमाल किया जा सकता "कवर" और "युक्त" मान। demo पर एक नज़र डालें।

+0

हाय लुइस, मैंने आपके कोड का उपयोग करने का प्रयास किया है, लेकिन आईई 8 ब्राउज़र के नीचे कुछ अस्पष्ट जगह है। जब मैं निरीक्षण तत्व कंसोल खोलता हूं और बंद करता हूं, तो यह पूरी तरह से पूर्ण स्क्रीन, पूर्ण स्क्रीन प्रदर्शित करता है। लेकिन जब पृष्ठ लोड होता है, तो यह पूर्ण स्क्रीन नहीं है, नीचे कुछ जगह है। साथ ही, मैंने देखा कि जब पृष्ठ लोड होता है, तो छवि का शीर्ष काटा जा रहा है, उदाहरण के लिए छवि के नीचे 9/10 प्रदर्शित करना और शीर्ष पर 1/10 प्रदर्शित नहीं होता है। निरीक्षण तत्व कंसोल टॉगल करने के बाद, यह छवि का 10/10 प्रदर्शित करता है। क्या इसे ठीक करने का कोई तरीका है? आशा है कि आप समझेंगे कि मैं क्या कह रहा हूं। – Dr3am3rz

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