Discussion :

[Giovanny Temgoua]

Bonjour,

Je souhaiterai pouvoir appliquer un background progressif (disons variation progressive d'une couleur A à une couleur B) au body de ma page.

En cherchant, j'ai trouvé qu'on pouvait le faire comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
body 
{ 
filter:progid:DXImageTransform.Microsoft.Gradient 
( 
GradientType=1, 
StartColorStr='white', 
EndColorStr='#888888' 
); 
}

Par exemple.

Cepandant, j'aurai quelques petites questions.
- Est-ce compatible avec tous les navigateurs ? Si oui (ce qui m'étonnerait à cause du Microsoft ) à partir de quelle version ?
- Y'-a-t-il une autre façon de le faire avec les CSS ? (j'ai regardé sur le site de Microsoft qui ont un assez bel effet en background mais eux ils utilisent les images pour cà => ne s'applique plus à tout le background)

Merci.

[J_Lennon]

Je pense que ce n'est pas compatible avec ie6 et inférieur.

Pour pallier à ce "problême", tu peus créer un dégradé sur une image de 1*1600 px.

Dans ton CSS:

body {
background-image: url(degrade.png) repeat-x;
}

[Giovanny Temgoua]

Je pense que ce n'est pas compatible avec ie6 et inférieur.

Pour pallier à ce "problême", tu peus créer un dégradé sur une image de 1*1600 px.

Dans ton CSS:

body {
background-image: url(degrade.png) repeat-x;
}

Merci de ta réponse.

Je n'avais pas pensé à prendre une image de cette dimension
Cà ne risque pas de se faire sentir si la page est vue à partir d'une résolution genre 800*600 ? je veux dire, si je fais un dégradé du rouge vers le bleu avec cette dimension et qu'on voit la page avec un écran de résolution 800*600, verra-t-on le bleu en bas ?

Merci

[Phrederik]

alors tu met widht="100%" ou Widht="auto" comme sa la largeur de ton image de fond sera redimensionnée en fonction de la taille de l'ecran

[Giovanny Temgoua]

alors tu met widht="100%" ou Widht="auto" comme sa la largeur de ton image de fond sera redimensionnée en fonction de la taille de l'ecran

En effet, je vais tester. Merci

[Candygirl]

Cà ne risque pas de se faire sentir si la page est vue à partir d'une résolution genre 800*600 ? je veux dire, si je fais un dégradé du rouge vers le bleu avec cette dimension et qu'on voit la page avec un écran de résolution 800*600, verra-t-on le bleu en bas ?

Effectivement. Pour y pallier tu as 2 solutions. Soit, tu centres ton image de fond verticalement. De cette manière tu auras bien une portion de dégradé du rouge au bleu simplement que les extrémités seront moins vives.

Ou alors tu fais un dégradé d'une hauteur moindre et tu attribues une couleur de fond de la fin de ton dégradé comme prolongement (ce qui se fait en général).