सीएसएस पृष्ठभूमि छवि - सही उपयोग क्या है?

Question

सीएसएस पृष्ठभूमि छवि संपत्ति का सही उपयोग क्या है? महत्वपूर्ण बातें मैं समझने की कोशिश कर रहा हूँ

1. उस में उद्धरण यानी (ऊपर के रूप में) या यह एक पूर्ण URL होना चाहिए .: background-image: url('images/slides/background.jpg');
2. यह एक रिश्तेदार पथ हो सकता है हो सकता है करने की आवश्यकता है है?
3. किसी भी अन्य अंक मैं के बारे में पता यकीन है कि यह मानकों के अनुरूप ब्राउज़रों में ठीक से काम करता बनाने के लिए होना चाहिए।

Answer 1

पथ या तो पूर्ण या रिश्तेदार (निश्चित रूप से यदि छवि अन्य डोमेन से है यह पूर्ण होना चाहिए) हो सकता है।

आपको यूआरआई में उद्धरणों का उपयोग करने की आवश्यकता नहीं है; वाक्य रचना या तो हो सकता है:

background-image: url(image.jpg); 

या

background-image: url("image.jpg"); 

हालांकि

, W3 से:

कुछ ऐसे कोष्ठक, सफेद स्थान अक्षर, एकल उद्धरण के रूप में एक गैर उद्धृत यूआरआई में प्रदर्शित होने के अक्षर, (') और डबल कोट्स ("), बैकस्लैश से बच जाना चाहिए ताकि परिणामस्वरूप यूआरआई मान एक यूआरआई टोकन है:' \ (',' \) '

तो उदाहरणों इस तरह इन के रूप में यह उद्धरण या दोहरे उद्धरण चिह्नों का उपयोग करें, या वर्ण से बचने के लिए या तो आवश्यक है में।

Answer 2

आपको उद्धरणों का उपयोग करने की आवश्यकता नहीं है और आप अपनी पसंद के किसी भी पथ का उपयोग कर सकते हैं!

Answer 3

1. नहीं, आपको उद्धरण की आवश्यकता नहीं है।

2. हाँ आप कर सकते हैं। लेकिन ध्यान दें कि सापेक्ष URL अपने स्टाइलशीट का URL से हल कर रहे हैं।

3. बेहतर उद्धरणों का उपयोग न करें। मुझे लगता है कि ग्राहकों है कि उन्हें समझ में नहीं आता है।

Answer 4

1) उद्धरण डाल एक अच्छी आदत

2) यह उदाहरण के लिए रिश्तेदार पथ हो सकता है:

background-image: url('images/slides/background.jpg'); 

फ़ोल्डर जहाँ से सीएसएस लोड किया जाता है में छवियों फ़ोल्डर के लिए दिखेगा। इसलिए यदि छवियां किसी अन्य फ़ोल्डर में हैं या सीएसएस फ़ोल्डर पेड़ से बाहर हैं तो आपको रूट पथ (0 /30 से शुरू हो रहा है)

3) आपको पृष्ठभूमि-छवि के लिए निरंतर घोषणा करने के लिए पूरी तरह से घोषणा करना चाहिए मानकों के पार अनुरूप ब्राउज़र की तरह:

background:blue url('/images/clouds.jpg') no-repeat scroll left center; 

Answer 5

यह उद्धरण में होना जरूरी नहीं है, लेकिन यदि आप चाहें तो उनका उपयोग कर सकते background-image और URIs

1. के लिए संबंधित SitePoint संदर्भ पृष्ठों पर एक नजर डालें। (मुझे लगता है कि आईई 5/मैक सिंगल कोट्स का समर्थन नहीं करता है)।
2. दोनों रिश्तेदार और पूर्ण संभव है; एक सापेक्ष पथ सीएसएस फ़ाइल के पथ से संबंधित है।

Answer 6

सापेक्ष पथ ठीक हैं और उद्धरण आवश्यक नहीं हैं। एक और चीज जो मदद कर सकती है वह है "शॉर्टंड" background संपत्ति का उपयोग पृष्ठभूमि छवि को निर्दिष्ट करने के लिए करें यदि छवि लोड नहीं होती है या किसी कारण से उपलब्ध नहीं है।

#elementID { 
    background: #000 url(images/slides/background.jpg) repeat-x top left; 
} 

सूचना भी आप क्या छवि दोहराने और किस दिशा में जाएगा निर्दिष्ट कर सकते हैं कि (यदि आप निर्दिष्ट नहीं करते हैं, तो डिफ़ॉल्ट क्षैतिज और खड़ी दोहराने के लिए है), और भी करने के लिए छवि रिश्तेदार के स्थान अपने कंटेनर।

Answer 7

अपनी छवियों को अपने सीएसएस फ़ाइल का एक अलग निर्देशिका में कर रहे हैं और यदि आप चाहते हैं रिश्तेदार पथ अपने वेब साइट की जड़ से शुरू होता है:

background-image: url('/Images/bgi.png'); 

Answer 8

सिर्फ निर्देशिका संरचना जहां वास्तव में छवि आपके पास लगता है की जाँच सीएसएस फ़ोल्डर के बाहर एक सीएसएस फ़ोल्डर और छवियों फ़ोल्डर तो आपको "../ images/image.jpg" का उपयोग करना होगा और यह मेरे लिए किया जाएगा क्योंकि यह सुनिश्चित करता है कि निर्देशिका स्थिरता है।

Answer 9

सिर्फ bellow

background:url("images/logo.jpg") 

Answer 10

की तरह अपने सीएसएस फ़ाइल में लिखने तुम सच में उद्धरण की जरूरत नहीं है माना कि उपयोग अपने सीएसएस फ़ाइल से चित्र उपयोग कर रहे हैं यह हो सकता है

{background-image: url(your image.png/jpg etc);}