Mettre une image en fond de page (CSS)...
Fetide68
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
Fetide68 Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
Fetide68 Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaiterais placer une image en fond de page, de façon à ce que cette image prenne toute la page sans être déformée.
C'est pas évident à expliquer, mais il est très facile de trouver un exemple conret de ce que je cherche à faire: la page d'accueil de Google.
On peut depuis un petit moment maintenant, personnaliser sa page d'accueil grâce au lien disponible sur la page "Modifier l'image de fond". Lorsque vous avez choisis votre image, vous pouvez redimensionner la fenêtre à l'infini, l'image ne se déforme pas et couvre toujours la page entière.
Je souhaiterais savoir comment ça marche...
Merci.
Je souhaiterais placer une image en fond de page, de façon à ce que cette image prenne toute la page sans être déformée.
C'est pas évident à expliquer, mais il est très facile de trouver un exemple conret de ce que je cherche à faire: la page d'accueil de Google.
On peut depuis un petit moment maintenant, personnaliser sa page d'accueil grâce au lien disponible sur la page "Modifier l'image de fond". Lorsque vous avez choisis votre image, vous pouvez redimensionner la fenêtre à l'infini, l'image ne se déforme pas et couvre toujours la page entière.
Je souhaiterais savoir comment ça marche...
Merci.
2 réponses
-
dans ton css et dans la balise body, il y a le background-image:url;
qui te permet de faire ça ^^ -
Voici donc LA solution poly-navigateurs:
html { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
Avec ça, vous avez une belle image tout plein l'écran, comme sur Google.
