Ionic 2 No me carga background-imagen en el dispositivo

Ionic Framework ionic-v3
1

Buenas
Por favor alguien sabe porque no me carga la imagen de fondo en un dispositivo pero si me carga estando en mi local quiere decir ionic serve estoy usando ionic v2 . estas son las lineas de codigo que tengo gracias espero que me ayuden.

.basic-page
{
background-image: url(’…/…/assets/img/dogcat.png’) ;
background-repeat: no-repeat ;
background-size: cover ;
background-position: center ;
width: 100% ;
position: relative ;
border: none ;

}
INICIAR SESIÓN
REGISTRARSE
2

My Spanish really sucks, so I reply in English: Are you sure that path is correct? I would try getting rid of the ../../ or try other, shorter paths.

3

Hola @Nelsneider Un placer encontrarte aqui de nuevo … mira lo que sucede es que digamos debes ponerlo dentro de la siguiente etiqueta. ion-content.
Te hare un ejemplo con una pagina de un projecto mio. toda pagina tiene 4 archivos (Html,module.ts,scss,ts)

entonces lo que debes hacer es en tu pagina.scss poner lo siguiente :slight_smile:

ion-content{
//background-color:color($colors,primary);
background-image:url(’…/assets/images/pixel.jpg’);
background-size:100% auto;
}


en tu caso quedaria algo asi

ion-content{
background-image: url(’…/…/assets/img/dogcat.png’) ;
background-repeat: no-repeat ;
background-size: cover ;
background-position: center ;
width: 100% ;
position: relative ;
border: none ;
}

Estoy en un 100% que te funciona. En caso de que no te funciona verifica la ruta y listo,
Espero que te sirva. Saludos. Si esta respuesta soluciono tu problema no olvides marcarla como solucionado :)
1 Like
4

gracias amigo otra ves tenia problema con la ruta …

5

solucionado… gracias

6

Recuerda poner al post solucionado… Por que aun sigue saliendo en los top sin solucion. te agradezco eso

7

muchas gracias… era ruta de búsqueda !!!

1 Like