Une couleur dégradée [Résolu]

[Naceur84]

Bonjour,

Je voudrais bien savoir comment on peux faire une couleur dégradée plus précisément je cherche à mettre en arrière plan une couleur qui devient de plus en plus foncée en descendant vers le bas de la page.

Merci.

[Hyuunkel]

Hello, plusieurs solutions :
1) en code tu peux faire :

Code :

1
2
3
4
 
body { 
  background: -moz-linear-gradient(top, couleur1, couleur2); 
  }

(en mettant les couleurs en codes hexadécimale, ex: #00F).

2) Ma solution préféré : en image !

Tu créer ton dégradé sur une image de 1 pixel en largeur et x pixel en hauteur (x étant la hauteur de ta page), et tu la répète.

Code :

1
2
3
4
5
6
7
 
body
{
background-image:url(/fond.jpg);
background-repeat:repeat-x;
background-position: top left;
}

Voila en espérant avoir pu t'aider.

Cordialement

[Bisûnûrs]

Allez, c'est cadeau :
http://ie.microsoft.com/testdrive/Gr...r/Default.html

[Naceur84]

Merci pour vos réponses.
@ Bisûnûrs: Réponse parfaite

[Bisûnûrs]

Envoyé par Naceur84

Réponse parfaite

Attention tout de même à la compatibilité des anciens navigateurs (ici IE9 est considéré comme ancien donc ..).

[Naceur84]

Attention tout de même à la compatibilité des anciens navigateurs (ici IE9 est considéré comme ancien donc ..).

Comment je puisse faire pour contourner ces navigateurs?

[12monkeys]

Bonjour

Envoyé par Naceur84

Comment je puisse faire pour contourner ces navigateurs?

Utiliser la solution de Hyuunkel qui sera compatible avec tous les navigateurs :

Envoyé par Hyuunkel

2) Ma solution préféré : en image !

Tu créer ton dégradé sur une image de 1 pixel en largeur et x pixel en hauteur (x étant la hauteur de ta page), et tu la répète.

Tu ne peux pas t'affranchir de ces navigateurs : IE toutes versions représente encore 50% des internautes !