2011-04-20 2 views
0

Je suis en train une image d'arrière-plan dans le cssétendre background image hauteur

body{ 
background-image: url('image.jpg'); 
background-repeat: repeat-x; 
} 

Cependant, cela n'augmente pas la hauteur de l'image d'arrière-plan l'augmentation de la hauteur de la page. Comment cela peut-il être résolu?

Répondre

1

Répétez-x ne fait que répéter horizontalement, vous voulez verticalement, donc soit utiliser simplement « répéter » (répétera verticalement et horizontalement) ou "repeat-y" (se répète verticalement)

Aussi si vous voulez nettoyer votre css et ne pas avoir 30 options différentes pour effectuer l'arrière-plan juste utiliser (Je suppose que vous utilisez un éditeur WYSIWYG comme Dreamweaver pour faire votre css, je dirais et IDE, j'utilise Aptana studio, mais ther Il y a plein de bonnes options là-bas. Il sera plus facile d'éviter une feuille de style « pléthorique » si vous évitez les éditeurs WYSIWYG)

body{ 
background: url('image.jpg') repeat-y center top; 
} 

Vous pouvez jeter une valeur de couleur là-dedans aussi.

3

changement repeat-x à repeat, de sorte qu'il répète à la fois horizontalement et verticalement:

body{ 
background-image: url('image.jpg'); 
background-repeat: repeat; 
}