2010-12-01 16 views
5

मेरे पास यह है कि मेरे HTML में सब कुछ पृष्ठभूमि-छवि को छोड़कर काम करता है: 'images/header.jpg'; इसके बजाय मैं शीर्षक में धूसर रंग नहीं बल्कि छवि देखते हैं .. मैं धूसर रंग को हटाने की कोशिश की, लेकिन अभी भी छवि देखते हैं न ...पृष्ठभूमि-छवि काम नहीं कर रहा है

#outerWrapper #header { 
border-bottom: solid 1px #628152; 
font-size: 18px; 
font-weight: bold; 
line-height: 15px; 
height: 115px; 
background-color: Grey; 
background-image: url('images/Header.jpg'); 

मैं इस काम कैसे कर सकते हैं .. मदद कृपया .. धन्यवाद

उत्तर

2

Firefox के लिए Firebug के साथ अपने पृष्ठ पर एक नजर डालें। आप छवि को ठीक से लोड नहीं कर रहे हैं। यदि आप अपनी समस्या है तो आप फ्लाई पर सीएसएस के साथ भी खेल सकेंगे।

2

'/images/Header.jpg'

+0

काम नहीं कर रहा .. अभी भी .. कोई अन्य सुझाव .. धन्यवाद – user175084

+0

होस्टिंग हो सकता है स्थिर सामग्री के लिए कॉन्फ़िगर नहीं करता –

+0

@AlexNguyen: मेरा मतलब फ़ाइल को स्थानांतरित करने का नहीं था, बल्कि इसके संदर्भ में। इसे बदलें: 'url (' images/header.jpg ');' इसके लिए: 'url ('/images/header.jpg '); ' –

1

सुनिश्चित करें कि आप 'चार की जरूरत के लिए url बदलने का प्रयास करें? और शायद यह मामला संवेदनशील है और आपको यूआरएल में गलती है .. शायद background-image:url(images/header.jpg);

5

आपकी सीएसएस फ़ाइल और छवि का मार्ग क्या है?

आपको यह ध्यान रखना चाहिए कि, सीएसएस में url() का उपयोग करते समय, पथ सीएसएस फ़ाइल के सापेक्ष है, अनुरोधित पृष्ठ पर नहीं।

कल्पना कीजिए कि आप निम्न फ़ाइलें हैं:

/website/index.html 
/website/templates/main.css 
/website/images/header.jpg 

सीएसएस से होना चाहिए:

.style{background-image:url(../images/header.jpg);} /* Noticed "../"? */ 
संबंधित मुद्दे