Hinzufügen eines Hintergrundbildes in css

-1

Ich bin neu in Web-Entwicklung und ich möchte ein Bild für meinen Hintergrund anzeigen. Nur Problem ist, dass mein Bild nicht angezeigt wird, können Sie bitte mir helfen. Unten ist mein CodeHinzufügen eines Hintergrundbildes in css

<style type="text/css"> 
.bgimg { 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-image: url("worldtravlerissue1.jpg"); 
    min-height: 90%; 


} 
</style>

Quelle

2017-04-09 Akhil

Welche Art von Element ist '.bgimg'? –

Können Sie Code-Snippets hinzufügen? – Harsheet

Die von Ihnen angegebenen Informationen reichen nicht aus, um Hilfe zu erhalten. Ich werde jedoch zwei Dinge für Sie vorschlagen. 1. Stellen Sie sicher, dass Sie die Klasse bgimg in Ihrem Code ordnungsgemäß aufrufen. no typo etc 2. Stellen Sie sicher, dass der URL-Dateipfad korrekt ist. –

1) Sicherstellen, dass die div eine konkrete Breite und Höhe hat, wenn Sie% sicher sein, verwenden in einer anderen das Bild div mit einer Höhe und Breite Erklärung CSS 2) Seien sicher haben Sie die richtige Klasse deklariert 3) sicherstellen, dass die img uRL richtig ist und Sie erreichen den richtigen Weg

.img{ 
 
    width:400px; 
 
    height:300px; 
 
    background-image: url(https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/RGRIEDX4IU.jpg); 
 
    background-size:cover; 
 
}

<div class="img"> 
 
</div>

Quelle

2017-04-09 23:49:23 vlk

können Sie Ihre Code-Formatierung verbessern? Es ist ein Chaos –

-1

Du bist Bild zeigt nicht, weil Sie könnte entweder habe th ein falscher Name dafür, falsche Erweiterung wie in der Annahme, dass ein .jpg eher als .png oder. jpegoder ist nicht im selben Verzeichnis wie Ihre HTML-Datei. Stellen Sie sicher, dass sie sich im selben Ordner oder Verzeichnis befinden wie auf dem Desktop.

Wenn Sie Ihre HTML-Datei auf Ihrem Desktop und das Bild ist in einem anderen Ordner, dann würden Sie

background-image: url("NAMEOFFOLDER/worldtravlerissue1.jpg");

Hoffnung, die dazu beigetragen zu tun haben.

Quelle

2017-04-09 23:53:37 Josh

Hinzufügen eines Hintergrundbildes in css

Antwort

Verwandte Themen