Comment faire pour afficher les images d'arrière-plan d'URL CSS dans localhost?

Question

Je viens d'installer xampp et j'y ai introduit un de mes sites live pour pouvoir commencer à travailler depuis localhost.

Donc, pour voir mon site, naviguer à localhost/example.com

J'ai remarqué quelques problèmes avec les images lors de mon html, je devais par exemple:

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

image ne montrer , mais j'enlevé le / et cela fonctionne:

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

il me semble avoir un problème similaire avec l'image de fond CSS, mais je ne peux pas le faire fonctionner si je supprimer le/là, l'image n'apparaît pas sur le site en direct. Comment faire apparaître l'image d'arrière-plan sur localhost?

Exemple CSS (fonctionne dans le site en direct mais pas localhost):

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

Merci!

Answer 1

Les chemins d'image dans votre feuille de style devrait être là où l'image est par rapport à la feuille de style, par exemple si votre fichier .css est dans un répertoire comme celui-ci sur votre site:

/css/styles.css 

Votre chemin devrait chercher comme celui-ci (monter un répertoire, puis dans images)

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

Answer 2

Essayez d'utiliser ./ au lieu de / et assurez-vous que vous êtes spécifier le bon chemin.

Answer 3

Vous pouvez essayer la balise base (prise en charge dans la plupart des navigateurs courants), puis fournir des chemins relatifs à l'attribut href de la balise base. Ou assurez-vous de fournir les chemins corrects par rapport à la feuille de style CSS