[RÉGLÉ] Ajouter une image fixe à l'arrière plan du site

[RGmember]

Bonjour,

Petit problème pour mon premier post sur le forum!
J'ai lu les divers sujets liés aux images fixes mais je galère toujours...

Je voudrais mettre une image sur mon site (visible ici) qui resterait fixe sur l'écran malgré le défilement de la page et placé sur l'arrière-plan gris clair, à gauche de la page.

L'arrière plan semble être défini dans le CSS du template comme ça :

#wrapper {
float:left;
width:100%;
background: url(../images/wrapper.jpg) 0 0 repeat-y;
}

J'ai essayé de rajouter un "background-image" sous le background du wrapper mais sans succès ...

Quelqu'un a une petite idée ?

[lomart]

Re : Ajouter une image fixe à l'arrière plan du site

Bonsoir,

bgmax devrait répondre à votre besoin

http://lomart.fr/bgmax/actualite-documentation/documentation.html

[RGmember]

Re : Ajouter une image fixe à l'arrière plan du site

Merci lomart, j'ai essayé ce module mais malgré les options intéressantes qu'il propose je n'ai pas vraiment envie de reparamétrer l'arrière plan existant.

Je voudrais simplement savoir quel type de code css je devais utiliser pour placer mon image (en fait un logo) et surtout où placer ce code dans le doc CSS du template.

[toffffe]

Re : Ajouter une image fixe à l'arrière plan du site

Salut
as-tu essayé

position: fixed;

[lomart]

Re : Ajouter une image fixe à l'arrière plan du site

Bonsoir,

Je n'avais pas vu qu'il fallait l'image uniquement sur la partie gauche du fond
il ne faut pas mettre la règle à #wrapper qui est le contenu central mais à body
Le problème va être qu'il faut 2 fonds différents: un fixe pour l'image et un répété pour le motif
Il est possible d'utiliser les nouvelles propriétés CSS en définissant

body {
   background-image: url("../images/image-fixe.jpg"), url("../images/bg.jpg");
   background-repeat: no-repeat, repeat;
   background-position:left top;
   background-attachment: fixed;
}

[RGmember]

Re : Ajouter une image fixe à l'arrière plan du site

Bonsoir lomart

Ça marche impeccablement avec ton code, merci !! L'image et le motif cohabitent harmonieusement en arrière plan.