No puedo poner imagen como background de mi página con CSS

ML
Marlon Luna

@marlonluna

Hola a todos, tengo un problema con imágenes y background en CSS. Estoy viendo un tutorial y hago lo mismo que hacen ahi pero no me funciona que la imagen que indico se me ponga como fondo de la etiqueta body. por favor si me pueden ayudar. Reitero, es exactamente lo mismo del tutorial y a mi no me funciona pero en el tutorial si les sale.

RP
Ricardo Daniel Perez

@ricardodp

Hola, la ruta de la imagen es 'img/fondo.jpg', vos pusiste 'imag/fondo.jpg' se te fue la letra a. Saludos!

ML
Marlon Luna

@marlonluna

Es cierto si, tienes razón puse la ruta mal, aunque al ver tu respuesta la acabo de cambiar pero aún así no me funciona :(

AR
Aldo Ramos

@aldoramos

Tienes correctamente ligado el css en el html?

JA
José Elías Avello Gómez

@joseeliasavellogomez

Amigo, la ruta debe ser relativa al css no al html (debes salir de css/, acceder a img/ y luego al fondo.jpg). Por lo tanto debe ser url('.. /img/fondo. jpg'). Saludos y bendiciones

ML
Marlon Luna

@marlonluna

Tienes todo la razón, acabo de modificar eso y me funciona. Muchas gracias por la ayuda 👍

LE
Leandro Emanuel

@leandroemanuel

Si el body no tiene contenido no se mostrará nada ya que a menos que tenga un tamaño definido, su tamaño es automático y se ajusta a su contenido. Si su tamaño automático es 0 el backgroud image no tiene donde mostrarse.

Esto se soluciona diciéndole que su medida mínima será de 100% del viewport height (alto del viewport).

body{
    min-height: 100vh;
}
ML
Marlon Luna

@marlonluna

Muchas gracias 👍

Recuerda iniciar sesión para participar en la comunidad.