Django

2016-09-29 7 views
5

के साथ सीएसएस फ़ाइलों में पृष्ठभूमि-छवि का उपयोग करने का तरीका मैं Django पर पृष्ठभूमि छवि के रूप में एक छवि फ़ाइल का उपयोग करना चाहता हूं। लेकिन मैं नहीं जानता कि कैसे। सबसे पहले, मैंने this पढ़ा और सीएसएस फ़ाइल में इसका पालन करने की तरह लिखने की कोशिश की।Django

#third{ 
    background: url("img/sample.jpeg") 50% 0 no-repeat fixed; 
    color: white; 
    height: 650px; 
    padding: 100px 0 0 0; 
} 

लेकिन यह काम नहीं करता है।

{% load staticfiles %} 
#third{ 
    background: url({% static "img/sample.jpeg" %}) 50% 0 no-repeat fixed; 
} 

और

#third{ 
    background: url("../img/sample.jpeg") 50% 0 no-repeat fixed; 
} 

काम नहीं करते है, भी।

जब आप सीएसएस फ़ाइलों पर पृष्ठभूमि-छवि का उपयोग करते हैं तो आप आमतौर पर सीएसएस फ़ाइल कैसे लिखते हैं? क्या आप कृपया मुझे कुछ सलाह देंगे?

C:\~~~~~~> dir hello\static\img 
2016/09/28 19:56    2,123 logo.png 
2016/09/24 14:53   104,825 sample.jpeg 


C:\~~~~~~> dir hello\static\css 
2016/09/29 20:27    1,577 site.css 


C:\~~~~~~> more lemon\settings.py 
BASE_DIR = os.path.dirname(os.path.dirname(__file__)) 
PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__)) 
STATIC_ROOT = os.path.join(PROJECT_ROOT, 'staticfiles') 
STATIC_URL = '/static/' 
STATICFILES_DIRS = (
    os.path.join(PROJECT_ROOT, 'static'), 
) 


C:\~~~~~~> more hello\templates\base.html 
{% load staticfiles %} 
<link rel="stylesheet" type="text/css" href="{% static "css/site.css" %}" /> 

Django संस्करण: 1.9.2

+1

संभावित डुप्लिकेट: // stackoverflow .com/प्रश्न/5898776/कैसे-टू-रेफर-टू-स्टेटिक-फाइल-इन-माय-सीएसएस-फाइलें) –

+1

आप या तो सीएसएस फ़ाइल के निवास के लिए एक सापेक्ष पथ का उपयोग करते हैं (ऊपर जाने के लिए '../' का उपयोग कर), या डोमेन रूट के लिए एक सापेक्ष पथ ('/' से शुरू), या एक पूर्ण पथ (डोमेन नाम सहित)। –

+0

@ timo.rieber आपकी टिप्पणी के लिए धन्यवाद। मैंने इस साइट में कई प्रश्नों को पढ़ा, लेकिन मैं इसे हल नहीं कर सका। और मैंने आपका लिंक पढ़ा और बहुत कुछ सीखा। आपका धन्यवाद। – yamachan

उत्तर

3

इस का उपयोग करें:

#third{ 
    background: url("/static/img/sample.jpeg") 50% 0 no-repeat fixed; 
    color: white; 
    height: 650px; 
    padding: 100px 0 0 0; 
    } 

अधिकांश शायद यह work.Use होगा "/ स्थिर /" अपना चित्र URL से पहले और उसके बाद उन्हें प्रयास करें। धन्यवाद

+0

थैआआआआंक, प्रखर त्रिवेदी। इसने काम कर दिया!! मैं आपका आभारी हूं। – yamachan

+1

मेरी खुशी। हैप्पी कोडिंग :) –

1

सुनिश्चित करें कि django.contrib.staticfiles आपके INSTALLED_APPS में शामिल है।

आप settings.py फ़ाइल में परिभाषित STATIC_URL: STATIC_URL = '/static/'

 {% load static %} 
    <img src="{% static "my_app/example.jpg" %}" alt="My image"/> 

या

 #third{ 
      background: url('{{ STATIC_URL }}my_app/example.jpg' 
    } 
की [कैसे मेरी सीएसएस फ़ाइलों में स्थिर फ़ाइलों का उल्लेख करने के?] (Http
+0

आपकी सलाह के लिए धन्यवाद, लुक्स एसआईएस। क्या मुझे आपसे एक सवाल पूछने की अनुमति है? क्या मैं '{{STSTIC_URL}}' 'site.css' में भी लिख सकता हूं? क्या मुझे इसे '{% लोड स्थिर%}' या कुछ के बिना लिखना है? या आपका अंतिम कोड एचटीएमएल फाइलों में लिखा जाना चाहिए? – yamachan

+2

मेरा अंतिम कोड सीएसएस फाइलों में लिखा जाना चाहिए और मेरा पहला कोड एचटीएमएल फाइलों में लिखा जाना चाहिए। –

+0

आपके उत्तर के लिए धन्यवाद। मैं समझ गया। – yamachan