¿Por qué no puedo configurar una imagen de fondo?

Sé que es una pregunta repetitiva pero tengo un problema con mi código. Busqué una configuración de imagen de fondo en stackoverflow y w3schools y escribí el código que estaba en ambos sitios exactamente pero todavía tengo problemas con el siguiente código.

body { background-image: url("C:\Users\mehra\Desktop\Male-Fitness-Models-BAck.jpg"); } 

o

 body{ background-image: url("Male-Fitness-Models-BAck.jpg"); } 

arriba están los códigos que usé para establecer el fondo, pero ninguno de ellos funciona.

Imagen HTML

Si la ubicación del archivo de la imagen de fondo es correcta, es posible que deba agregar un alto y ancho al contenedor de la imagen de fondo.

 body { height: 500px; width: 500px; background-image: url("C:\Users\mehra\Desktop\Male-Fitness-Models-BAck.jpg"); } 
 body { background : cover; background: url("http://quizdoo.com/wp-content/uploads/qc-images/58d2957b47354.jpg"); } 
   

Hay algunas cosas que investigar para asegurarse de que siempre funcione:

1) Utilizando la ruta absoluta del proyecto:

asegúrese de tener FollowSymLinks en sus vhosts habilitados, de esa manera puede usar / en el src para llamar a la imagen.

por ejemplo,

2) Asegúrate de que la imagen exista.

copie y pegue el src que se muestra en el navegador (inspeccione con firebug o la fuente de la página de vista para obtener el enlace) en la barra de url y vea lo que devuelve; si es un 404, entonces no existe en la ruta que dio , si es 403, la ruta podría configurarse con permisos realmente estrictos (se recomiendan 755 en directorios y 644 para archivos) y es posible que tenga que modificar su archivo vhosts para permitir que las personas vean el contenido, pero no accedan al árbol de archivos.

3) Si la imagen existe, no hay ningún mensaje (aparte de 200) y está utilizando la ruta correctamente, entonces es probable que la div esté vacía. Un fondo en un div sin contenido dará como resultado un espacio vacío, ya que el fondo se estira sobre 0 píxeles. Agregue una regla de min-height min-width a su css o use   dentro de la div

CSS:

 div { background: url('https://stackoverflow.com/images/dog.png'); min-height: 50px; min-width: 50px; } 

HTML:

 
 

4) Utilice una estructura de carpetas adecuada

Al usar un árbol de archivos que tiene sentido, hace que los recursos sean más fáciles de administrar. Alojar cada archivo en el DOCUMENT_ROOT es complicado, recomiendo la siguiente estructura:

 |--index.html |----images/ |----css/ |----js/ 

esa es una estructura básica, entonces puede agregar más carpetas basadas en área, por ejemplo

 |--index.html |----[area]/ |----images/ |----css/ |----js/