Ich versuche eine background-image
mit einem "Root-relative" Pfad wie folgt zu verwenden: background-image: url("/img/bg.jpg");
.CSS-URL funktioniert nicht mit führenden Schrägstrich
Die Eigenschaft wird in Chrome korrekt angezeigt, aber das Bild wird nicht angezeigt. Wenn ich es zu http://localhost:8080/img/bg.jpg
ändere, erscheint es.
Wenn ich http://localhost:8080/img/bg.jpg
besuchen, ist das Bild sichtbar.
Wenn ich eine <img style={{width:"100px", height:"100px"}} src="/img/bg.jpg"/>
hinzufügen, erscheint es auch richtig (ich verwende React).
Ich sah SO für einen Moment und bemerkte mehrere Leute Probleme mit url
aber keiner von ihnen war ähnlich.
Falls irgendeine Verbindung vorhanden ist, verwende ich Less mit webpack-dev-server. Das Bild befindet sich in einem statischen Verzeichnis.
Sollte funktionieren. Ich vermute, dass etwas nicht so ist, wie es scheint. –
Ja. Was ich nicht verstehe, ist, dass Chrome den richtigen "background-image" -Wert anzeigt, aber nicht lädt. – Telokis
Gleiches Problem mit Firefox. Und wenn ich über die URL schwebe, heißt es "Das Bild konnte nicht geladen werden" – Telokis