2010-07-14 14 views
9

मैं सोच रहा था कि उपयोगकर्ता पृष्ठभूमि को स्क्रॉल करते समय भी मेरी पृष्ठभूमि छवि को हर समय नीचे बाईं ओर रखने का कोई तरीका है या नहीं। साइट चालू होने पर मेरा वर्तमान सीएसएस ब्राउज़र के निचले भाग में छवि बना सकता है, लेकिन यदि मैं ब्राउज़र को स्क्रॉल करता हूं, तो यह अभी भी उसी स्थान पर रहेगा। मैं किसी भी मदद की सराहना करता हूं।नीचे बाईं ओर पृष्ठभूमि छवि को कैसे रखें

html, body 
{ 
background-image:url("backgroundBottom.png"); 
background-position:bottom left; 
background-repeat:no-repeat; 
background-attachement:fixed; //I just add this, don't think this would work. 
font-family:"Georgia, self"; 
font-size:"30px"; 
margin:0px; 
height:100%; 
text-align:center; 
} 

उत्तर

20

आप दोनों एचटीएमएल & शरीर तत्वों पर पृष्ठभूमि स्थापित कर रहे हैं के साथ निर्दिष्ट किया जाता है।

कोड अच्छा दिखता है, पृष्ठभूमि-अनुलग्नक: निश्चित है जो आपको चाहिए।

तो आशुलिपि सीएसएस में, बस लिखने

body { 
    background: url(backgroundBottom.png) bottom left no-repeat fixed; 
} 
+0

बहुत तेज़ और आसान फिक्स .. धन्यवाद +1 – FlyingCat

+0

मेरी खुशी। चियर्स – Marko

3

अगर यह नहीं दोहराने के साथ एक निश्चित छवि है, मैं अपने आप div टैग ठीक उसी चौड़ाई और छवि के रूप में ऊंचाई है कि में डालने की सिफारिश करेंगे।

<div id="BackgroundImage"></div> 

तो निम्नलिखित सीएसएस

#BackgroundImage{position: fixed; width="xx"; height="yy"; bottom:0px; left:0px;} 

स्पष्ट रूप से अपनी जरूरतों के लिए अनुकूलित

मुख्य बिंदु position:fixed

एक बिल्कुल तैनात तत्व, तैनात रिश्तेदार उत्पन्न करता है का उपयोग करें ब्राउज़र विंडो। तत्व की स्थिति "छोड़", "शीर्ष", "सही", और "नीचे" गुण

http://www.w3schools.com/Css/pr_class_position.asp

+0

एआरएम, अगर वह एचटीएमएल/बॉडी तत्व में जोड़ता है, तो बहुत ही मजेदार चीजें होती हैं। – Marko

+0

अजीब स्थिति वाले तत्वों के साथ गड़बड़ करने के बजाय शरीर पर 'पृष्ठभूमि-अनुलग्नक' का उपयोग करना आसान है। उल्लेख नहीं है कि आईई में ठीक से काम नहीं करने के लिए निश्चित स्थिति की सूचना दी गई है। – animuson

+0

सच है, मेरा संपादन देखें। –

1

आप इस्तेमाल किया पृष्ठभूमि देते हैं * ई * जाहिर: तय;

पृष्ठभूमि-अनुलग्नक की तरह इसे बेहतर वर्तनी करने का प्रयास करें: निश्चित;

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