CSS Image Resizing -

मेरे पास यह सीएसएस कोड है:

  & lt; style & gt; शरीर {स्थिति: पूर्ण; पृष्ठभूमि-छवि: url (कला / c11.jpg); चौड़ाई: 100%; ऊंचाई: 100%; } & Lt; / style & gt;  

जैसा कि मैं नेट पर पढ़ता हूं, मुझे उम्मीद थी कि यह पृष्ठभूमि की छवि का आकार बदल देगी और इसे ब्राउज़र विंडो में फिट करेगा।

लेकिन कोई नहीं। मुझे लगता है कि मैं स्पष्ट रूप से कुछ गलत कर रहा हूं (मुझे पर्याप्त सीएसएस नहीं है) कोई सुझाव?

अद्यतन:

मैं छेद उदाहरण (काम नहीं कर रहा) जोड़ता हूं:

  & lt; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा http-equiv = "सामग्री-प्रकार" सामग्री = "पाठ / html; वर्णसेट = यूटीएफ -8" / & gt; & Lt; शीर्षक & gt; कोई शीर्षक & lt; / title & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; शरीर {स्थिति: पूर्ण; पृष्ठभूमि छवि: यूआरएल (कला / c11.jpg); पृष्ठभूमि आकार: 100%; पृष्ठभूमि दोहराएँ: कोई दोहराव; चौड़ाई: 100%; ऊंचाई: 100%; } & Lt; / style & gt; & Lt; / head & gt; & Lt; body & gt; & Lt; / body & gt; & Lt; / html & gt;  

यदि आप यह काम क्रॉस ब्राउज़र बनाने जा रहे हैं, तो आप बेहतर हैं पृष्ठ पर एक छवि डालना और फिर अपनी सभी सामग्री को एक डीआईवी में लपेटो जो शीर्ष पर रखी गई है उदा।

सीएसएस

  # बैकग्राउंड {स्थिति: तय; शीर्ष: 0; बाएं: 0; चौड़ाई: 100%; ऊंचाई: 100%; } # सामग्री {स्थिति: रिश्तेदार; Z- सूचकांक: 1; }  

यदि आप IE6 को समर्थन करने की योजना बना रहे हैं, तो इस स्निपेट को जोड़ें:

  & lt;! - [अगर आईई 6] & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; Html {अतिप्रवाह- y: छिपा हुआ; } शरीर {अतिप्रवाह- y: ऑटो; } # बैकग्राउंड {स्थिति: पूर्ण; z- सूचकांक: -1; } # सामग्री {स्थिति: स्थिर; } & Lt; / style & gt; & LT; [endif] - & gt;  

HTML

<पूर्व> & lt; img id = "background" src = "art / c11.jpg" alt = "" / & gt; & Lt; div id = "content" & gt; आपकी सामग्री & lt; / div & gt;