HTML-und CSS-Background-image wird nicht angezeigt

Ich schon überprüft, meine URL und den Namen der Dateien, aber ich kann nicht scheinen, um das Bild zu zeigen. Warum ist es so? Hier mein code (beachten Sie die <p> ist innerhalb der body-tags habe ich nicht fügen Sie den vollständigen code habe ich nur Hinzugefügt, der Kopf und das Besondere problem).

<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>

Und hier ist die CSS-Regel für das Teil

.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;
}

Was ist die url von dem Bild? /images/background.gif oder /stylesheet/images/background.gif
es befindet sich image/background.gif. das Haupt-HTML-Seite.
ändern background-image: url(../images/background.gif)

InformationsquelleAutor user962206 | 2012-01-12

33

Versuchen Sie dies:
```
background-image: url(../images/background.gif);
```
Ohne die ../ es ist auf der Suche nach einen Bilder-Ordner in Ihrem stylesheet-Ordner, die nicht vorhanden ist. So haben Sie zurück zu gehen, in welchem Verzeichnis der Ordner "Bilder" liegt.

Bearbeiten: Sie können auch verkürzen, bis Ihre CSS-Stile in etwa so:
```
.guarantee{
    background: #a7cece url(../images/background.gif);
    border: 1px solid black;
}
```
- In anderen Worten: für Externe Inhalte, die in Stylesheets verknüpft sind relativ zu dem Pfad des Stylesheets. Wenn Stylesheet ist bei stylesheet/style.css, dann images/bg.gif beheben zu stylesheey/images/bg.gif.
- Geez, ich habe es endlich funktioniert. Ich habe nie wirklich realisiert, ich war im anderen Pfad und der Ordner "Bilder" nicht den gleichen Pfad mit dem Haupt-Seite gosh, ich danke auch für das hinzufügen von ein paar nützliche Tipps! Ich bin neu in CSS, web-Programmierung speziell. Dank Drew!
- Sehr nützlicher post!
InformationsquelleAutor Drew
2

Den browser werden auf der Suche nach dem Bild innerhalb der stylesheet-Verzeichnis im moment.

Könnte einen Versuch Wert ändern
```
background-image: url(images/background.gif);
```
zu
```
background-image: url(/images/background.gif);
```
was vielleicht die Ursache des Problems.

InformationsquelleAutor KingCronus
0

Ich hatte das gleiche problem, löste es durch hinzufügen von /zu Beginn der Bild-url

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

Hoffe, das hilft 🙂

InformationsquelleAutor Seth
0

Ich weiß, diese Antwort ist ein bisschen spät, aber dieser link wird Ihnen eine detaillierte Erklärung für die css-Datei Pfade.
```
/ returns to the root directory
../ moves one directory backwards
../../ moves two directory backwards
```
https://css-tricks.com/quick-reminder-about-file-paths/

InformationsquelleAutor Emc_tgn15
-1

Möglicherweise Sie haben verwendet umgekehrte Schrägstriche (\) anstelle der Schrägstriche (/) im Pfad für das Bild.

Ich habe diesen Fehler begangen und war der Kampf mit meinem chrome-browser. Ich kopierte den image-Pfad aus dem Windows-Explorer (welche verwendet umgekehrte Schrägstriche)

InformationsquelleAutor Sai Dubbaka

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.