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.

Exemple de syntaxe CSS background-attachment :
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.

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 ().

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

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.

Compatibilités navigateurs de la propriété background-attachment

Votre avis sur la définition background-attachment en CSS

Votez pour la définition CSS background-attachment

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/background-attachment-css.html Votes: 4.5 / 5 - 39 votes
Cliquez sur une étoile pour voter.