Accueil  | Internet | Informatique | Créer sa page perso | Glossaire | Menu | CSS
www.aidenet.com

Background-attachment

avec répétition ou pas d'une image d'arrière-plan

Cette propriété "background-attachment" permet de définir si une image reste fixe ou suit le mouvement de la page lors du scroll, et aussi suivant les valeurs adoptées de répétition ou non-répétition

scroll L'image défile avec la page. Paramètre par défaut.

* fixed L'image reste fixe à son emplacement lors du défilement de la page.

repeat L'image d'arrière-plan se répète à la fois horizontalement et verticalement.

* no-repeat L'image d'arrière-plan n'est affichée qu'une seule fois.

repeat-x
L'image d'arrière-plan ne se répète qu'horizontalement.

repeat-y
L'image d'arrière-plan ne se répète que verticalement.

* dans cette page

Avec la valeur "repeat" l'image se répéte horizontalement et verticalement, et si elle est plus petite que la dimension de la page, forme un genre de damier.

Code dans HEAD pour la valeur "no-repeat"

body {
background-image: url("aimages/v368.gif") ;
background-repeat: no-repeat ;
background-attachment: fixed ; etc.... }

Résultat

Il est sous vos yeux... en haut de page à gauche, l'image reste fixe... et naturellement vous pouvez en fixer la position dans la page avec background-position: center; par exemple.

Remarque

dans le code n'oubliez pas les guillemets ni les parenthèses et pas d'espace entre "url" et la parenthèse qui suit.

Sommaire CSS ... @ ... "background-attachment" y