[RESOLU] Dégradé 100% hauteur et largeur ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU] Dégradé 100% hauteur et largeur ?

tu_dilires

Bonjour,

Comment faites-vous pour mettre un degradé en image de fond sur une page html.
J'ai une image de 100px de haut et 1px de large.
J'aimerai pouvoir l'étirer sur 100% de la hauteur et repeter sur 100 de la largeur.
Le repeat-x est ok.
Mais comment faire pour étirer mon image sur 100% de la hauteur?

Merci bcp,

Message édité par tu_dilires le 14-09-2006 à 17:12:52

Publicité

did-54

bah ca tu peux pas...
prends une image de + de 100px de haut, et arrange toi pour que ton background-color soit l'une des couleurs "extremes" de ton dégradé...

tu_dilires

Il y a une solution :

Code :

body{
background-color: #FFFFFF;
margin:0px 0px 0px 0px;
background-image:url(monimage.png);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:top;
}

monimage.png est une image de 1px de large et d'une hauteur convenable (env. 800 à 1000px). La couleur de l'arrière-plan est la même que la deuxième couleur du dégradé de mon image.
En plaçant l'image en fixed, ca rend bien.

Message cité 1 fois

darkkrab

Attend la sortie du CSS3.
http://www.w3.org/TR/2002/WD-css3- [...] round-size

did-54

tu_dilires a écrit :

Il y a une solution :

Code :

body{
background-color: #FFFFFF;
margin:0px 0px 0px 0px;
background-image:url(monimage.png);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:top;
}

euh ouais c'était ce que je disais quoi.

tu_dilires

Did-54

Ouais tout à fait, j'ai cependant écrit le code au cas où...

FORUM HardWare.fr

Programmation

HTML/CSS

[RESOLU] Dégradé 100% hauteur et largeur ?

Sujets relatifs
pb de requete SQL (enfin je crois) dans access [résolu]	Supprimer ligne Excel vba [résolu]
[Batch Dos][Résolu] cacher l'invite de commande	[Résolu]Se connecter à une interbase distante depuis PHP
[Résolu] Casse tête de .dll	[Résolu] Problème avec count et distinct
[Résolu] [SQL 2005] Copier les valeurs d'une table à une autre	[résolu]Encodage de caractère
[Résolu][ASP.NET 2.0][C#] Plusieurs load pour une meme page	Résolu [Javascript] Agir dans Popup après fermeture de la fenetre mère
Plus de sujets relatifs à : [RESOLU] Dégradé 100% hauteur et largeur ?

Page générée en 0.045 secondes