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.
Lire la suite
- Mettre une image en fond de page (CSS)...
- Word - Image de fond » Conseils pratiques - Word
- Centrer une image de fond en haut CSS (Résolu) » Forum - CSS
- Impossibe de mettre une image en fond de page (Résolu) » Forum - Webmaster
- Probleme d'image de fond dans le css (Résolu) » Forum - CSS
- Image en fond de page (Résolu) » Forum - Webmaster
Réponse
+0
dans ton css et dans la balise body, il y a le background-image:url;
qui te permet de faire ça ^^
qui te permet de faire ça ^^
Réponse
+0
Voici donc LA solution poly-navigateurs:
Avec ça, vous avez une belle image tout plein l'écran, comme sur Google.
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.
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.
Le fait d'être membre vous permet d'avoir des options supplémentaires.
Dossier à la une
Merci.
background:url("images/fond.png") no-repeat;
width:100%;
Il faudrait que je mette une image différente pour chaque résolution d'écran et chaque navigateur... Impossible.
Mais j'ai trouvé la solution... grâce à toi et à Google. Merci.