L'arrière-plan d'une page Web peut être lié à son contenu ou se comporter indépendamment de celui-ci. Dans le premier cas, lors du défilement du contenu dans la fenêtre du navigateur, l'image d'arrière-plan défile également, tandis que dans le second, elle peut rester fixe. Pour implémenter un arrière-plan de page fixe, vous devez utiliser le langage de description de style CSS - seul il peut garantir le même comportement d'arrière-plan dans différents types de navigateurs.
Instructions
Étape 1
Utilisez la propriété background-attachment dans CSS pour spécifier si l'arrière-plan de la page doit être fixe ou mobile. Au total, cette propriété peut avoir trois valeurs - si vous n'en spécifiez aucune, alors par défaut l'attachement d'arrière-plan est considéré comme un défilement. Avec cette valeur, l'image d'arrière-plan défile avec le contenu de la page. La valeur d'héritage copie le comportement d'arrière-plan de l'élément parent et la valeur fixe rend l'image d'arrière-plan indépendante du contenu - elle reste fixe lorsque la page défile. Vous devriez l'utiliser.
Étape 2
Préparez vos instructions CSS à utiliser dans les pages dont vous souhaitez corriger l'arrière-plan. Si vous ne placez pas le code CSS dans un fichier de description de style externe, alors ces instructions doivent être placées entre les balises de style d'ouverture et de fermeture:
// il y aura des descriptions de styles
La description du comportement de l'arrière-plan de la page doit être liée à l'élément BODY - dans la terminologie CSS, il sera appelé un "sélecteur" et sera écrit comme ceci: BODY {
// les descriptions du corps de la page seront ici
} Les propriétés liées à ce sélecteur doivent être placées entre des accolades, séparées par des points-virgules: BODY {
pièce jointe d'arrière-plan: fixe;
image d'arrière-plan: url (images / BG.gif);
} La première ligne capture l'image de fond, et la seconde indique l'adresse du fichier contenant l'image de fond, par rapport à l'adresse de la page. Ces deux lignes peuvent être écrites dans une instruction CSS complexe comme celle-ci: background: url (images / BG.gif) fixed;
Étape 3
Collez tout le code pour corriger l'arrière-plan dans le texte de la page. Dans sa forme finie, cela peut ressembler à ceci:
CORPS {arrière-plan: url (images / BG.gif) corrigé;}
Bien sûr, vous devez remplacer l'emplacement et le nom du fichier d'image d'arrière-plan. Il est préférable de mettre le code avant la balise, bien que ce ne soit pas un prérequis.
