background-attachment CSS propriété

Définition de la CSS background-attachment.

La propriété d'Arrière-plan CSS background-attachment permet de fixer l'image d'arrière plan (image de fond) lorsque l'on utilise les barres de défilement.

background-attachment : scroll;
background-attachment : fixed;
background-attachment : local;

La propriété de feuille de style background-attachment CSS peut prendre la valeur de :

• fixed : l'image d'arrière plan (ou en fond) reste en place quand on scrolle.
• scroll : l'image d'arrière plan (ou en fond) se déplace quand on scrolle, ce qui est la valeur par défaut.
• inherit : la valeur de propriété CSS est hérité des propriétés de son parent, introduit en CSS2.
• local : l'image de fond ne se déplace pas quand l'élément qui la contient scroll, mais avec le défilant de son contenu (CSS3).
• Valeur, Valeur : accepte plusieurs valeurs citées ci-dessus séparées par une virgule pour les images de fond multiples. Introduit en CSS3.

Exemple de code background-attachment CSS

Conditions d'application de la CSS background-attachment.

La propriété CSS background-attachment est applicable sur les balises HTML ou XHTML ayant une image de fond et une barre de défilement (overflow).

La valeur de la CSS background-attachment peut être mise directement dans la propriété de raccourci CSS background.

Problème d'interprétation de background-attachment en Css.

La propriété CSS2 background-attachment ne pose pas de problème sauf sur le très anciens les navigateurs (Netscape, Internet Explorer < 6).
La propriété CSS3 background-attachment :
Les multiples valeurs posent problèmes sur les navigateurs suivant Firefox < 3.6 Internet Explorer < 9.0 et Safari > 1.3
La valeur local pose des problèmes sur les navigateurs suivant Internet Explorer < 9.0 et Safari < 5 et non reconnu par Firefox (04-2014)

Evolutions de la syntaxe CSS de background-attachment.

En CSS3 les fonds multiples ont été introduits, la propriété CSS background-attachment CSS, accepte de prendre plusieurs valeurs séparées par une virgule.