1

Actualmente estoy diseñando una página con angular 7, sin embargo al intentar agregar un background-image desde el css a la plantilla html no me reconoce la ruta que le asigno, la cual se encuentra contenida en mi carpeta assets, adjunto imagen Imagen de ruta proyecto angular

el código css con problemas es el siguiente:

.home-inner {
  background-image: url(./assets/img/intro.jpg)
}

he probado con "/" o poniendo ".." intentado subir el nivel donde se encuentra la carpeta pero no muestra la imagen como background o me arroja el mensaje de error como se muestra en la imagen adjunta

2

1 respuesta 1

1

Tienes que partir de tu navbar.component.css hacia arriba en la estructura de carpetas hasta llegar a src, dirigiendote despues a assets y lo siguiente. Prueba con:

.home-inner{
    background-image:url(../../../assets/img/intro.jpg)
}

Truco: Cuando utilizas el punto en un ruta te estas refiriendo que partes del archivo actual. El "./" se refiere a la misma carpeta.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.