एचटीएमएल और सीएसएस पृष्ठभूमि-छवि

दिखाई नहीं दे रहा है मैंने पहले ही अपना यूआरएल और फाइलों का नाम दोबारा जांच लिया है, लेकिन मुझे छवि दिखाने के लिए प्रतीत नहीं होता है। ऐसा क्यों है? यहां मेरा कोड है (ध्यान दें <p> शरीर टैग के अंदर है, मैंने पूरा कोड नहीं जोड़ा है, मैंने केवल सिर और विशिष्ट समस्या को जोड़ा है)।एचटीएमएल और सीएसएस पृष्ठभूमि-छवि

background-image: url(../images/background.gif);

../ यह एक छवियों के लिए लग रही है बिना अपने स्टाइलशीट फ़ोल्डर के अंदर फ़ोल्डर जो मौजूद नहीं है:

<html> 
    <head> 
    <title>Head First Lounge.</title> 
     <link type="text/css" 
      rel="stylesheet" 
      href="stylesheet/style.css" 
      media="screen"/> 
    </head> 


<p class = "guarantee"> 
    Our guarantee: at the lounge, we're committed to providing you, 
    our guest, with an exceptional experience every time you visit. 
    Whether you're just stopping by to check in on email over an 
    elixir, or are here for an out-of-the-ordinary dinner, you'll 
    find our knowledgeable service staff pay attention to every detail. 
    If you're not fully satisfied, have a Blueberry Bliss Elixir on us. 
</p>

और यहाँ वह हिस्सा

.guarantee{   
     background-image: url(images/background.gif); 
     font-family: "Geogia", "Times New Roman", Times, serif; 
     border-color: black; 
     border-width: 1px; 
     border-style: solid; 
     background-color: #a7cece; 
      padding: 25px; 
      margin: 30px; 
      line-height: 1.9em; 
      font-style: italic; 
      color: #444; 
}

स्रोत

2012-01-12 user962206

चित्र के url क्या है? /images/background.gif या /stylesheet/images/background.gif – KingCronus

यह छवि/background.gif स्थित है। वह मुख्य HTML पृष्ठ है। – user962206

'पृष्ठभूमि-छवि बदलें: url (../ images/background.gif) ' –

कोशिश इस बात के लिए CSS नियम है । तो आपको एक निर्देशिका वापस जाना होगा जहां छवियों फ़ोल्डर स्थित है।

संपादित: तुम भी अपने सीएसएस शैलियों इसलिए की तरह छोटा कर सकते हैं:

.guarantee{ 
    background: #a7cece url(../images/background.gif); 
    border: 1px solid black; 
}

स्रोत

2012-01-12 16:52:34 Drew

दूसरे शब्दों में: स्टाइल शीट में बाहरी सामग्री स्टाइल शीट के पथ से अपेक्षाकृत जुड़ी हुई है। यदि स्टाइल शीट 'स्टाइलशीट/style.css' पर है, तो 'images/bg.gif'' स्टाइलशी/छवियों/bg.gif' को हल करेगी। –

गीज़, मुझे अंततः यह काम मिल गया। मुझे वास्तव में कभी एहसास नहीं हुआ कि मैं अलग-अलग रास्ते में था और छवि फ़ोल्डर मुख्य पृष्ठ गोश के साथ एक ही रास्ता नहीं है, कुछ उपयोगी टिप्स भी जोड़ने के लिए धन्यवाद! मैं विशेष रूप से सीएसएस, वेब प्रोग्रामिंग के लिए नया हूँ। धन्यवाद ड्रू! – user962206

बहुत उपयोगी पोस्ट! – nckbrz

ब्राउज़र पल में अपने स्टाइलशीट निर्देशिका के भीतर छवि के लिए खोज की जाएगी।

बदलते

background-image: url(images/background.gif);

को

background-image: url(/images/background.gif);

जो समस्या का कारण हो सकता है की कोशिश कर रहा साबित होगी।

स्रोत

2012-01-12 16:53:11 KingCronus

-1

क्या आप छवि पथ में आगे slashes (/) के बजाय पिछड़े स्लेश (\) का उपयोग कर सकते हैं।

मैंने यह गलती की और मेरे क्रोम ब्राउज़र से लड़ रहा था। पृष्ठभूमि छवि: यूआरएल (/ मैं Windows Explorer से छवि पथ (जो का उपयोग करता पिछड़े स्लैश)

स्रोत

2014-10-02 17:21:31

मैं इस एक ही समस्या छवि यूआरएल

(उदाहरण के आरंभ में/जोड़कर इसे हल हो रही थी की नकल की छवियों/background.gif);)

आशा इस मदद करता है :)

स्रोत

2015-08-11 14:07:52 Seth

मैं जानता हूँ कि क्या यह उत्तर थोड़ी देर हो चुकी है, लेकिन इस लिंक आप सीएसएस फ़ाइल पथ के लिए एक विस्तृत विवरण दे देंगे।

/ returns to the root directory 
../ moves one directory backwards 
../../ moves two directory backwards

https://css-tricks.com/quick-reminder-about-file-paths/

स्रोत

2016-02-13 18:30:43

एचटीएमएल और सीएसएस पृष्ठभूमि-छवि

उत्तर

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