सीएसएस पृष्ठभूमि छवि नहीं प्रदर्शित

Question

मैं एक उपनिर्देशिका एक छवि debut_dark.png कहा जाता है के साथ img कहा जाता है के साथ एक HTML फ़ाइल है। मेरी सीएसएस फ़ाइल में, मेरे पास है:

body { 
    background: url(/img/debut_dark.png) repeat 0 0; 
} 

HTML फ़ाइल में बॉडी टैग है और इसमें सीएसएस फ़ाइल उचित रूप से शामिल है। मुझे यकीन है कि सीएसएस फ़ाइल ठीक तरह से शामिल है क्योंकि बाकी सब कुछ ठीक से स्वरूपित है।

पृष्ठभूमि छवि प्रदर्शित नहीं हो रही है, मैं सिर्फ एक सफेद पृष्ठभूमि देख रहा हूँ। कोई विचार यह कैसे ठीक करें, या यहां तक ​​कि इसे कैसे डिबग करना है?

body { background: url(img/debut_dark.png) repeat 0 0; } 

Answer 1

अपने सीएसएस फ़ाइल पथ के अनुसार, मैं इसे अपने HTML पृष्ठ के साथ एक ही निर्देशिका में है लगता है, तो आप url बदलने के लिए इस प्रकार है .ex:

body { 
    background: url(/img/debut_dark.png) repeat; 
    min-height: 100%; 
} 

Answer 2

सुनिश्चित करें कि आपके शरीर की ऊंचाई, च है बनाओ:

Answer 3

आप इस तरह उपयोग करना चाहिए:

 

     body { 
      background: url("img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background: url("../img/debut_dark.png") repeat 0 0; 
     } 

     body { 
      background-image: url("../img/debut_dark.png") repeat 0 0; 
     } 

या निरीक्षण की कोशिश फ़ायरफ़ॉक्स फ़ायरबग टूल का उपयोग कर सीएसएस नियम।

Answer 4

मैं स्थानीय कंप्यूटर पर एम्बेडेड सीएसएस का उपयोग कर रहा हूं। मैं अपने html फ़ाइल को उसी फ़ोल्डर में atom.jpg फ़ाइल शब्दों में कहें, तो इस कोड काम किया:

background-image:url(atom.jpg); 

Answer 5

मैं एक ही मुद्दा है। लेकिन यह मुझे

background: url(../img/debut_dark.png) repeat 

Answer 6

मैं जानता हूँ कि इस ओपी का सटीक केस को संबोधित नहीं करता है, लेकिन गूगल से आ रही दूसरों के लिए मत भूलना तत्व प्रकार के आधार पर display: block; की कोशिश करने के लिए ठीक से काम करता है। मैं एक <i> में छवि था, लेकिन इसे नहीं दिखाई दे रहा था ...

Answer 7

असल समस्या फ़ाइल पथ के साथ है। यूआरएल की शुरुआत में आगे की स्लैश इसे रूट पर फ़ाइल की तलाश करता है। background-image: url(img/debut_dark.png);

आप एटम का उपयोग कर रहे हैं, तो छवि के परियोजना पथ को कॉपी कभी कभी आगे भी शामिल की नकल की राह में स्लेश तो सावधान रहें: इस तरह - कि निकाले जा रहे हैं, यह इस सीएसएस फ़ाइल के लिए पथ रिश्तेदार हो जाएगा।

Answer 8

खैर मैं इसे बाहर है कि इस विशेषता प्रदर्शन छवि लगा जब पूर्ण स्थान उस में प्रदान की जाती है। मैंने बस अपने सर्वर पर उस छवि को अपलोड किया और उस छवि के स्थान को पृष्ठभूमि-छवि में लिंक किया: url ("xxxxx.xxx"); विशेषता और अंत में काम किया लेकिन यदि आपके पास सर्वर नहीं है तो उस छवि की संपत्ति में जाकर विशेषता में छवि का पूरा स्थान दर्ज करने का प्रयास करें। हालांकि मैं एक HTML फ़ाइल के टैग में इस विशेषता का उपयोग कर रहा था लेकिन यह निश्चित रूप से सीएसएस फ़ाइल पर भी काम करेगा। उस विधि तो काम नहीं किया Behance, फेसबुक, Instagram, आदि जैसे इंटरनेट पर अपनी छवि को अपलोड करने और छवि का निरीक्षण करने के लिए प्रयास करें और कॉपी स्थान है कि अपने गुण के लिए .. आशा है कि यह काम करेगा