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.
Posez votre question
Signaler
Mettre une image en fond de page (CSS)...
Fetide68
661Messages postés
dimanche 4 janvier 2009Date d'inscription
1 avril 2014Dernière intervention
- Dernière réponse le 4 juil. 2011 à 16:44
Lire la suite
- Mettre une image en fond de page (CSS)...
- Word - Image de fond » Conseils pratiques - Word
- Ou trouver des images de fond de page pour writer? (Résolu) » Forum - LibreOffice / OpenOffice
- Impossible de mettre image de fond dans page d'accueil google (Résolu) » Forum - Google Chrome
- Image de fond de page d'accueil de site web (Résolu) » Forum - Webmaster
- Problème fond de page css (Résolu) » Forum - CSS
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
-
Passage au tout numérique : quel coût pour les particuliers ?
Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.
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.