externer css relativer Pfad funktioniert nicht

Question

Mein Problem scheint so einfach und einfach, aber es funktioniert nicht für mich. Ich versuche, Hintergrundbild in einer externen CSS-Datei zu verwenden, die sich im Stammordner befindet (das Bild befindet sich auch direkt im Stammordner), ich verwende NetBeans. Ich weiß, dass das Internet mit Lösungen für Pfadprobleme übersät ist und alle Lösungen einfach genug erscheinen, aber nicht funktionieren. hier ist mein CSS:

#label label{ 
    background-image:url("../search.png"); 
} 

I Variationen auf den Weg durch die Zugabe versucht haben ../ oder/aber es wird nicht geladen und in der IDE erhalten i

Answer 1

Das Bild funktionierte nicht für diese Aufgabe, also wechselte ich zu einem anderen Bild und es funktionierte gut.

Answer 2

Das Bild wurde nicht im Verzeichnis gefunden.

Und das Bild sollte nicht in CSS-Ordner gehalten werden. Es sollte in img oder einigen Ressourcenordner aufbewahrt werden. Und dann die Adresse entsprechend zuordnen.

Answer 3

http://localhost:8383/wikiViewer/css/search.png < - Nach dem Weg, versuchen Sie das PNG-Bild aus Ihrem css Ordner abzurufen.

Wenn die png in einem Ordner ist sagen genannt, /images die auch innerhalb /wikiViewer ist, dann müssen Sie eine Ebene mit ../ gehen und dann den Ordnernamen dh ../images angeben und schließlich den Namen des Bildes ../images/search.png

#labeldiv label{ 
    background-image:url("../images/search.png"); 
} 

Stellen Sie sich vor, Sie sind in der CSS-Ordner und Sie navigieren zum PNG-Bild durch Ihre Ordner und das ../ ist die BACK Schaltfläche.

---

Bitte ein Bild bieten die Datei & Ordnerstruktur Ihrer Website zeigt, wenn Sie eine spezifische Lösung wollen.