Forum CMS Made Simple FR
image de fond mobile(resolu) - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Graphisme (https://forum.cmsmadesimple.fr/forum-9.html)
+--- Sujet : image de fond mobile(resolu) (/thread-1618.html)


image de fond mobile(resolu) - rabi - 27/11/2011

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.2
#~ Url du site :
#~ Hébergeur / Soft :
#~ Informations Système :
#~ site en local pour test
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Ecrivez votre question ici.

bonjour,

je souhaite mettre en image de fond un degrader que j ai fait avec gimp.
je me suis servi de l exemple ngrey pour la taille (1*500)

mon probleme est que si mon texte est tres long lors de l affichage, le fond s arrete et devient blanc.

j ai laisser le code par default: repeat-x left top.

j aimerai que mon fond reste lors de l utilisation de l ascenceur.

j ai chercher sur le net et j ai trouve background-attachement : scroll.

mais ca ne fonctionne pas.

Comment pis je faire pour que mon fond soit toujours en place quelque soit la position sur le n avigateur.

merci

image de fond mobile(resolu) - kraygoon - 27/11/2011

Salut,

Normalement avec :
Code :
[== CSS ==]
background-attachment : fixed;

Sinon si ton fond "s'arrête" et s'il s'agit d'un simple dégradé il suffit de rajouter la couleur de fin du dégradé à ton arrière-plan :
Code :
[== CSS ==]
body {
background : #ff0000 url(mon_image.png) repeat-x fixed ;
}


image de fond mobile(resolu) - bess - 28/11/2011

je rajoute.

si ta div longue de 500px n'est pas suffisante lorsque du texte est plus long et que du dégradé n'est pas envisageable, il reste la solution soit de cacher tout le texte qui dépasserait

Code :
[== CSS ==]
overflow:hidden;
soit de l'afficher en dehors de la div
Code :
[== CSS ==]
overflow:visible;

tu peux également affiner avec overflow-x et overflow-y

image de fond mobile(resolu) - rabi - 28/11/2011

Bonjour,
merci pour les infos

j ai suivi le conseil de kraygoon , c'est nickel .
je testerai la 2 eme solution plus tard

merci Wink