J'ai une image de fond avec la taille 1x947 px,stretching image de fond
le problème est qu'il est une couleur gradient , donc je n'utiliser que répétition x, mais quand la hauteur de page sur 947 px, il le montre fond couleur,
background-image:url(bg.gif);
background-repeat:repeat-x;
comment l'étirer?
est ici l'exemple de code au violon http://jsfiddle.net/K9cUd/1/
Difficile à dire sans le code ou un exemple.
Vous pouvez utiliser
de CSS3background-size: 100%;
qui devrait étirer à l'ensemble de la taille de la page.
Vous pourriez avoir besoin de faire
background-size: 0 100%; ou background-size: 0% 100%;
si la largeur ne change pas.
Vous pouvez en lire plus ici: http://webdesign.about.com/od/styleproperties/p/blspbgsize.htm
Et la spécification: http://www.w3.org/TR/css3-background/#the-background-size
Et bien sûr, il devrait aller de soi (mais vous devez vraiment), ne fonctionne que dans les navigateurs modernes. –
FYI, je ne pouvais que faire ce travail sur FF ou IE9 si vous définissez 'background-repeat: no-repeat;' et 'background-size: 100% 100%;' Il a travaillé uniquement avec l'axe Y et en utilisant répéter -x en chrome. –
Si vous ne souhaitez pas utiliser les pourcentages utiliser:
background-size: cover;
Pouvez-vous mettre quelque chose sur http: // www.jsfiddle.net pour que nous puissions jouer avec? –
Vous ne pouvez pas simplement définir la couleur d'arrière-plan à l'une des deux couleurs dans le dégradé? Ensuite, il va au moins couler doucement hors du gradient. – meagar
Bonjour, Avez-vous trouvé une solution à ce problème? – WillNZ