Comment mettre une fond d'écran sur mon site avec html
Fermé
darkspirit
Messages postés
1
Date d'inscription
dimanche 14 octobre 2012
Statut
Membre
Dernière intervention
14 octobre 2012
-
14 oct. 2012 à 13:47
TtBan - 31 janv. 2019 à 16:04
TtBan - 31 janv. 2019 à 16:04
A voir également:
- Html fond d'écran
- Double ecran - Guide
- Fond d'ecran carousel - Forum Xiaomi
- Comment mettre une vidéo en fond d'écran - Guide
- Capture d'écran samsung - Guide
- Photo trop grande pour fond d'écran smartphone ✓ - Forum Samsung
4 réponses
planete66
Messages postés
18
Date d'inscription
vendredi 25 octobre 2013
Statut
Membre
Dernière intervention
29 décembre 2013
35
29 déc. 2013 à 13:46
29 déc. 2013 à 13:46
Si vous voulez mettre un image en fond qui s'adapte à l'écran utilisez "background-size-cover"
<style>
body{
margin:0;
padding:0;
background: url(images/bg.jpg) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
</style>
Et l'image s'adapte à l'écran :)
<style>
body{
margin:0;
padding:0;
background: url(images/bg.jpg) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
</style>
Et l'image s'adapte à l'écran :)
31 juil. 2015 à 13:21
31 juil. 2015 à 13:50
Pour les accents interdits sur Internet et en général pas recommandé pour les noms de fichiers.
Pour les versions actuelles des navigateurs depuis 2013 il n'y a plus besoin des spécificités -moz- -webkit- ...
http://www.w3schools.com/cssref/css3_pr_background-size.asp
31 juil. 2015 à 14:53
31 janv. 2019 à 16:04