Page 1 sur 1
J'aimerais faire un dégradé comme background
Publié : 06 déc. 2010, 00:24
par Marymary
Bonjour
J'aimerais savoir si c'est possible de faire un dégradé comme background (sans fabriqué une image de fond).
Merci
Re: J'aimerais faire un dégradé comme background
Publié : 06 déc. 2010, 11:48
par chinon37
Non, il faudra faire une image de fond.
Mais cette image peut être minuscule:
- pour un dégradé vertical, il suffit de faire une image de 2 ou 3 pixels de large et suffisamment haute. Dans la règle de style, il faudra mettre une répétition de l'image horizontale uniquement
- Pour un dégradé horizontal, c'est la hauteur de l'image qui sera de 2 ou 3 pixel et la répétition sera verticale.
Il faudra penser aussi si possible à mettre une couleur de fond comme la dernière couleur du dégradé, pour le cas où la page "déborde" de l'image.
Re: J'aimerais faire un dégradé comme background
Publié : 06 déc. 2010, 17:06
par Marymary
Bonjour Chinon37
`
Je trouve pas comment faire la répétion
Merci pour ta réponse
Re: J'aimerais faire un dégradé comme background
Publié : 06 déc. 2010, 18:12
par chinon37
cssfondrepeat.png
Re: J'aimerais faire un dégradé comme background
Publié : 07 déc. 2010, 00:27
par Marymary
Ok j'avais trouvé, mais ça ne fais que répété le motif. Ce que je veux faire c'est un dégradé
Re: J'aimerais faire un dégradé comme background
Publié : 07 déc. 2010, 09:43
par chinon37
Pour un dégradé avec une image voici comment je fait:
l'image:
degrade1.png
le code de la page avec la feuille de style:
Code : Tout sélectionner
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>essai</title>
<style type="text/css">
body {
background-image: url(degrade1.png);
background-position: center top;
background-repeat: repeat-x;
}
</style>
</head>
<body>
<br>
</body>
</html>
le résultat dans Firefox:
degradeff.png