image de fond mobile(resolu)

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
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
Répondre
#1
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
Répondre
#2
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 ;
}
Répondre
#2
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 ;
}
Répondre
#3
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
Répondre
#3
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
Répondre
#4
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
Répondre
#4
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
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)