¿Cómo hacer que las imágenes de fondo de CSS URL aparezcan en localhost?

Question

Acabo de instalar xampp y traje uno de mis sitios en vivo para poder comenzar a trabajar desde localhost.

Así que para ver mi sitio, navego a localhost/example.com

me di cuenta de algunos problemas con las imágenes cuando en mi html, tuve por ejemplo:

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

Imagen no mostraría arriba, pero luego me quita el / y esto funciona:

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

me parece que tienen un problema similar la imagen de fondo CSS con, pero no puedo conseguir que funcione, si quito el/allí, la imagen no aparece en el sitio en vivo. ¿Cómo hago para que la imagen de fondo aparezca en el localhost?

Ejemplo CSS (trabaja en el sitio activo, pero no localhost):

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

Gracias!

Answer 1

Las rutas de las imágenes en su hoja de estilo debe haber donde la imagen es con relación a la hoja de estilo, por ejemplo si el archivo de .css está en un directorio como este en su sitio:

/css/styles.css 

Su camino debe buscar como esto (subir un directorio, a continuación, en images)

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

Answer 2

Trate de usar ./ en lugar de / y asegúrese de que usted es especificar ing la ruta correcta.

Answer 3

Puede probar la etiqueta base, compatible con la mayoría de navegadores populares, y luego proporcionar rutas relacionadas con el atributo href de la etiqueta base. O asegúrese de proporcionar rutas correctas relativas a la hoja de estilo CSS