Parfois, l'intention du concepteur exige que l'image d'arrière-plan reste fixe pendant que le visiteur fait défiler le contenu de la page. Cela peut être fait en modifiant le paramètre de comportement d'arrière-plan par défaut à l'aide des instructions CSS (feuilles de style en cascade).
Instructions
Étape 1
Ajoutez une description de style pour le bloc de corps à votre document Web qui contient une propriété background-attachment définie sur fixed, et l'arrière-plan de la page restera fixe pendant que le document défile. Cette méthode de correction de l'arrière-plan fonctionnera dans tous les navigateurs prenant en charge l'une des normes CSS actuelles à partir de la version 1.0. En plus de la valeur fixe, les normes offrent deux options supplémentaires pour cette propriété: faire défiler et hériter. Si aucune valeur n'est spécifiée pour background-attachment dans les descriptions de style de document, alors il est supposé être défini pour scroller par défaut. Dans ce cas, l'arrière-plan se déplacera avec le défilement du contenu de la page. La valeur d'héritage indique que la même valeur doit être utilisée pour la propriété background-attachment de cet élément que pour son élément parent.
Étape 2
Ajoutez un attribut de style à la balise de la page souhaitée et ajoutez une description de style pour corriger l'arrière-plan. Par exemple, cela peut ressembler à ceci: Vous pouvez également spécifier l'adresse de l'image de fond ici: Remplacez l'adresse et le nom de l'image (img / pic.gif) par vos propres valeurs. Cette méthode est pratique car elle nécessite le moins de modifications dans le code de la page, mais le plus souvent la description des styles est placée dans un bloc séparé dans l'en-tête du document ou même dans un fichier séparé.
Étape 3
Si vous souhaitez utiliser un bloc CSS séparé avec des instructions pour corriger l'arrière-plan de la page, placez avant la balise source, par exemple, les lignes suivantes:
CORPS {arrière-plan: url (img / pic.gif) corrigé;}
N'oubliez pas d'inclure le nom et l'adresse corrects de l'image d'arrière-plan au lieu de img / pic.gif.
