2011-10-11 10 views
41

मेरे पास 500x500 पीएक्स छवि है जो मेरी वेबसाइट पर पृष्ठभूमि छवि के रूप में सेट है (<body> की पृष्ठभूमि-छवि के रूप में) लेकिन मुझे इस छवि को वेबपृष्ठ के निचले दाएं कोने में स्थित होने की आवश्यकता है। इसे कैसे प्राप्त किया जा सकता है? (सीएसएस विधि के साथ बेहतर)नीचे दाएं कोने में पृष्ठभूमि छवि को कैसे स्थिति दें? (सीएसएस)

धन्यवाद।

उत्तर

80

voilla:

body { 
    background-color: #000; /*Default bg, similar to the background's base color*/ 
    background-image: url("bg.png"); 
    background-position: right bottom; /*Positioning*/ 
    background-repeat: no-repeat; /*Prevent showing multiple background images*/ 
} 

पृष्ठभूमि गुण एक पृष्ठभूमि संपत्ति में, एक साथ जोड़ा जा सकता है। यह भी देखें: https://developer.mozilla.org/en/CSS/background-position

+1

Thnx, मैंने आज मुझे बहुत शांत करने में मदद की है)) – Ilja

+0

काम नहीं कर रहा है, जब पृष्ठभूमि छवि स्क्रीन ऊंचाई से अधिक है ... – Legionar

+0

@Legionar क्रोम 43 और फ़ायरफ़ॉक्स 38 में मेरे लिए ठीक काम करता है। –

11

यह करना चाहिए

 background-position: bottom 5px right 7px; 
9

:

body {background: url('[url to your image]') no-repeat right bottom;} 
+1

उदाहरण प्रदान करने के लिए अच्छा किया गया पिक्सल के माध्यम से "डॉकिंग पॉइंट" के सापेक्ष ठीक-ट्यूनिंग पृष्ठभूमि छवि संरेखण पर –

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