Imagen de fondo estática y tienda flotante (SOLUCIONADO)

[gisc09]

Hola buenos días,

 

Abro este post porqué me he encontrado con un problema que parece ser no esta muy documentado y quiero poner la solución por si a alguien más le interesa o necesita ayuda.

 

Para poner una imágen estática de fondo hay que modificar el css (/theme/tu_theme/css/global.css) y poner algo parecido a esto:

 

body {
background-image:url(../img/foto.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #5d717e;
text-align: center;
}

 

Explico: lo más interesante son los atributos background.

background-image: es la dirección de la imágen que queremos poner de fondo.

background-repeat: con el valoor no-repeat la imagen no se repite

background-attachment:fixed: esta es la propiedad css interesante. Con esta propiedad conseguimos que la imagen de fondo sea siempre visible y la tienda "flote" encima suya.

 

Ejemplo (web en construcción e imagen provisional): http://www.oficlick.net