La propriété CSS background-attachment permet de gérer l’image d’arrière plan des éléments sur lesquels elle est appliquée.
#mon_identifiant {
background-attachment :scroll;
}
Elle permet de fixer ou non l’image d’arrière plan.
Les valeurs possibles sont :
- fixed: l’arrière plan ou fond reste fixe lorsque l’ on scrolle la page.
- scroll: l’arrière plan ou fond se déplace lorsque l’on scrolle la page (valeur par défaut).
- inherit, (hérite du parent)
Exemple :
CSS
p{
background-image : url('http://www.cedynamix.fr/wp-content/uploads/Tux/Tux-G2.png');
background-attachment : fixed;
}
HTML
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit. </p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.