Warum öffnet das das Bild nicht?

-1

Mein Problem ist, dass das Bild nicht auf der Seite geladen wird. es ist in dem ordner, es ist ein .png, alles ist richtig dabei scheinbar .... irgendwelche ideen wie man das zum laden der img bekommt?Warum öffnet das das Bild nicht?

header.masthead { 
    text-align: center; 
    color: white; 
    background-image: url(..//HGlogo.png); 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
    background-position: center center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

Quelle

2017-12-21 Joseph Bell

'Hintergrund-Bild in Bewegung bleiben: url („../ HGlogo.png“);' Und können Sie Ihr Verzeichnis bieten nur zu stellen Sie sicher, – Swellar

'background-image: url (..// HGlogo.png);' muss sein 'background-image: url ('../ HGlogo.png');' –

Vielleicht versuchen Sie es mit URL ('./HGlogo ')? Wenn sich das Bild im selben Ordner befindet, funktioniert dies möglicherweise. –

Sie haben setzen einzelne/zum Erstellen einer Datei Standort wie

background-image: url('../img/HGlogo.png');

Sie in demselben Ordner haben Bild Angenommen oder gleichen Ort, verwenden Sie nicht so (../)

Quelle

2017-12-21 06:37:55

Überprüfen Sie, ob die URL zum Bild korrekt ist. Auch

header.masthead

scheint keine Dimensionen angegeben, die es nicht erscheinen würde. Löschen Sie auch den Browser-Cache, Chrome-Debugger ist Ihr bester Freund. Ansonsten scheint alles andere korrekt zu sein.

Quelle

2017-12-21 06:40:08

heruntergeladenes Bild, wie Sie hinzufügen? –

nicht sicher, was Sie meinen, indem Sie das Bild heruntergeladen. Außerdem haben Sie ein extra/in Ihrem Pfad zu dem Bild. –

Weg zum Bild muss

zu Ihrer CSS-Datei relativ sein

nehmen können die Verzeichnisstruktur wie dieser ist =>

project 
    --css 
    --cssfile 
    --img 
    --HGlogo.png

dann muss Ihr Code

background-image: url(../img/HGlogo.png)

Quelle

2017-12-21 06:40:15

schwer zu sagen, ohne Ihre Ordnerstruktur zu sehen, könnte es sein, dies,

background-image: url('../images/HGlogo.png'); oder background-image: url('../HGlogo.png');

einen Screenshot hinzufügen atleast die Struktur zeigt,

Beispiel: -

Denken Sie daran,

Ist das Bild im selben Verzeichnis wie die Datei verweist darauf?
Ist das Bild in einem Verzeichnis unter?
Ist das Bild in einem Verzeichnis über?

Mit "unten" und "oben" meine ich Unterverzeichnisse und übergeordnete Verzeichnisse. Relative Dateipfade geben uns die Möglichkeit, in beide Richtungen zu reisen. Werfen Sie einen Blick auf meine einfaches Beispiel:

Hier ist alles, was Sie brauchen, um über relative Dateipfade wissen:

Beginnend mit „/“ kehrt in das Root-Verzeichnis und startet dort
Beginnend mit "../" verschiebt ein Verzeichnis rückwärts und startet dort
Beginnend mit "../../" werden zwei Verzeichnisse rückwärts verschoben und wird gestartet (und so weiter ...))
Um vorwärts, gerade beginnt mit dem ersten Unterverzeichnis zu bewegen und vorwärts

Quelle

2017-12-21 06:44:06 Hash

Warum öffnet das das Bild nicht?

Antwort

Verwandte Themen