creer un background dégradé

**jMpaça** · 12/06/2007, 11h17

Bonjour,

Je souhaite que le fond de ma page web soit dégradée, j'ai donc utilisé ce qui suit:

Code :

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

1
2
<!-- Dégradé Horizontal --> 
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='##003477', EndColorStr='#FFFFFF')" bgcolor="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='##003477', EndColorStr='#FFFFFF') "  tracingsrc="Logo.gif" tracingopacity="50" >

J'utilise Adobe Golive, monproblème et que quand j'utilise l'onglet aperçue le dégradé est bien visible, par contre quand j'ouvre la page avec un navigateur je n'ai pas de fond, de même dans l'onglet mise en page le fond dégradé est inexistant!

Merci de me dire d'où ça pourait venir ou de me donner des solutions pour regler le problème.

**Oluha** · 13/06/2007, 09h59

déjà tu utilises des filtres microsoft donc compatible IE uniquement...

**Strix** · 13/06/2007, 10h29

Salut.

Ce que tu peux faire (je ne sais pas exactement comment est ton dégradé) c'est quelque chose comme ça en CSS:

Code CSS :

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

1
2
3
body {
        background: #ffffff url(tomimage) repeat-y;
}

Le fond blanc vient "continuer" le dégradé

Exemple en ligne

Bon moi j'ai pris des couleurs au hasard et la taille de mon image (400px par 1px) c'est juste pour l'exmple (mais garde 1px en hauteur c'est suffisant). Après à toi d'adapté en fonction de tes besoin.

Si tu veux un dégradé haut/bas tu prends une image de 1px de largeur et tu remplaces repeat-y par repeat-x

J'espère avoir été clair !

A+

Edit :
Dans l'exemple en ligne, j'ai créé 2 div, une avec un dégradé horizontal et l'autre avec un dégradé vertical

creer un background dégradé

CSS

Vue hybride

Discussions similaires

Partager

Partager