Lograr que imagen de fondo se estire según resolución de pantalla.

[alfredomadrid]

Saludos.

 

Ya logré poner una imagen de fondo a mi tienda en el template default, pero la imagen o se repite o tengo que subirla a una resolución muy alta para que no se repita (pero se degrada). ¿Existe alguna manera de lograr que la imagen de fondo se acomode a la pantalla según la resolución de la pc en la que se mire?

 

prestashop_1.6.1.13

[Nebur]

Le puedes asignar a la etiqueta body las siguientes propiedades css

body {
   background-image:url('url_de_tu_imagen.jpgopng');
   background-repeat:no-repeat;
   background-size:contain;
   background-position:center;
}

Edited May 7, 2017 by Nebur (see edit history)

[alfredomadrid]

 

Le puedes asignar a la etiqueta body las siguientes propiedades css

body {
   background-image:url('url_de_tu_imagen.jpgopng');
   background-repeat:no-repeat;
   background-size:contain;
   background-position:center;
}

¿Y cómo lograr que la imagen se estire ocupando también las columnas? Es decir, que se estire sólo lo justo para la resolución de la pantalla de quien visualiza la página.

[alfredomadrid]

Ya lo logré. Se cambia la línea background-size:contain; por background-size:cover;