Comment afficher un fond d'écran par page HTML ?
Bonjour,
J'ai voulu créer un fond d'écran par page ainsi :
Code page 1
<style>
body {
background-image:url(fond 1.jpg);
background-size: cover;
background-attachment:fixed;
}
</style>
Code page 2
<style>
body {
background-image:url(fond 2.jpg);
background-size: cover;
background-attachment:fixed;
}
</style>
La page 1 affiche correctement le fond 1. La page 2 n'affiche aucun fond.
Merci de votre réponse.
Bonjour, il n'y aucune raison que cela fonctionne sur une page et pas sur une autre, sachant que votre code est identique.
En outre il est préférable d'ajouter des simples ou doubles quotes autour de l'adresse de l'image de fond, ainsi que de ne pas nommer les images avec des espaces, utilisez plutôt un _ ou un - dans le nom des fichiers :
background-image: url("fond_1.jpg");
Si malgré ceci, l'une de vos images n'apparait toujours pas, appuyez sur la touche F12 pour afficher la console développeur de votre navigateur et vérifier pour quelle raison l'image ne s'affiche pas. L'onglet Réseau vous permettra par exemple de vérifier si l'image est correctement chargée par le navigateur.