Hintergrundbild wird nicht angezeigt

Ich versuche, mein Logo aus CSS anzuzeigen und es wird nicht angezeigt.Hintergrundbild wird nicht angezeigt

Wenn ich das Element überprüfe, zeigt es an, dass das Bild dort ist, aber nicht auf der Webseite erscheint.

CODE

#logo_image { 
 
    margin-top: 13px; 
 
    float: left; 
 
    background: url(images/logo_color.png) no-repeat; 
 
    padding: 8px 16px 8px 16px; 
 
}

<a href="index.html" id="logo_terra"></a>

Quelle

2016-06-02 Brandon Giddings

Erstens sollte Ihre CSS-Deklaration '#logo_terra {...}' sein, damit sie mit Ihrem vorhandenen Markup übereinstimmt. Zweitens sollte erwähnt werden, dass die Verwendung eines URL-basierten Hintergrunds dazu führt, dass auf Ihr Bild Bezug genommen wird, relativ zur Definition der CSS-Definition. Wenn es sich um eine externe Datei handelt, muss die URL relativ dazu sein. Wenn sie in einer tatsächlichen HTML-Seite definiert ist, gilt dasselbe. Haben Sie versucht, es als absolute URL zu definieren, um zu sehen, ob das funktioniert? –

Auch das CSS referenziert die ID "#logo_image", während der HTML-Code die ID "#logo_terra" verwendet. – PFlans

ID ist falsch in CSS

#logo_terra

Quelle

2016-06-02 19:27:28

sein sollte

Ihre ID falsch ist, nur um #logo_terra zu ändern, und Sie sollten haben width und height, sonst nur Sie haben die padding Größe

#logo_terra { 
 
    margin-top: 13px; 
 
    float: left; 
 
    background: url(//lorempixel.com/100/100) no-repeat; 
 
    padding: 8px 16px; 
 
    width: 100px; 
 
    height: 100px 
 
}

<a href="index.html" id="logo_terra"></a>

Quelle

2016-06-02 19:29:06 dippas

Ich möchte Sie etwas fragen, das nicht zu diesem Thema gehört, in welchem Chatraum Sie erreichbar sind oder wie kann ich Sie kontaktieren? – NeosFox

@MadanBhandari in meinem Profil haben Sie meine Kontakte, fühlen Sie sich frei, mich dort zu erreichen. – dippas

Hallo Ihr CSS auf die ID des HTML bezieht sich nicht. Sie haben eine ID namens "logo_terra", also müssen Sie diese ID auch auf CSS beziehen. Stellen Sie sicher, dass Sie #logo_terra statt #logo_img angeben.

Zweitens: WICHTIGSTEN für Newbies:

Ihr Bild muss in dem Ordner sein, die zu Ihrem CSS-Stylesheet ist relativ. Es hängt davon ab, wo Sie die Bilder gespeichert haben.

Quelle

2016-06-02 19:33:37 TheEarlyMan

Antwort

Verwandte Themen