Wie können CSS URL-Hintergrundbilder in localhost angezeigt werden?

Question

Ich habe gerade xampp installiert und ich habe eine meiner Live-Sites in das Programm integriert, damit ich von localhost aus arbeiten kann.

Also meine Seite zu sehen, navigieren I/example.com auf localhost

ich einige Probleme mit Bildern bemerkt, wenn auf meinem html, ich hatte zum Beispiel:

<img src="/new_pictures/05.jpg" alt="Central Market"/> 

Bild nicht zeigen , aber dann entfernte ich die / und das funktioniert:

<img src="new_pictures/05.jpg" alt="Central Market"/> 

ich scheine ein ähnliches Problem mit dem CSS-Hintergrundbild zu haben, aber ich kann es nicht zur Arbeit-wenn bekomme ich die entfernen/Dort erscheint das Bild nicht auf der Live-Site. Wie mache ich das Hintergrundbild auf localhost?

Beispiel CSS (funktioniert in Live-Website, aber nicht localhost):

.outeremailcontainer { 
height:60px; 
width: 275px; 
background-image:url(/images/feather_email2.jpg); 
text-align:center; 
float:right; 
position:relative; 
z-index:1; 
} 

Dank! wenn Ihre .css Datei in einem Verzeichnis wie diese auf Ihrer Website

Answer 1

Die Bildpfade in Ihrem Stylesheet sollten sein, wo das Bild relativ zum Sheet zum Beispiel ist:

/css/styles.css 

Ihr Weg aussehen sollte wie folgt aus (gehen Sie ein Verzeichnis, dann in images up)

background-image:url(../images/feather_email2.jpg); 

Answer 2

Versuchen ./ statt / und stellen Sie sicher, dass Sie mit angeben sind den richtigen Weg finden.

Answer 3

Sie können versuchen, das base-Tag - unterstützt in den meisten gängigen Browsern - und dann Pfade relativ zum href Attribut des Tags base liefern. Oder stellen Sie sicher, dass Sie korrekte Pfade relativ zum CSS-Stylesheet angeben