Mozilla wants to hear from developers like you. http://www.surveygizmo.com/s3/2737536/440b74c45e94?a=mdn

CSS : la propriété background-attachment

Résumé

Si une background-image est spécifiée, la propriété background-attachment détermine si la position de cette image est fixe dans dans la fenêtre d'affichage ou si elle défile avec son bloc contenant.

Syntaxe

background-attachment:  attachment[, attachment]*

où:

attachment
est un mot-clé pouvant avoir une des valeurs suivantes :
  • scroll, indique que l'image d'arrière-plan défilera dans la fenêtre d'affichage en même temps que le bloc qui la contient.
  • fixed, indique que l'image d'arrière-plan ne défilera pas avec le bloc qui la contient, mais restera fixe dans la fenêtre d'affichage.
  • local, indique que l'image d'arrière-plan ne défilera pas avec le bloc qui la contient, mais défilera quand le contenu de l'élément défile : elle est fixe par rapport au contenu de l'élément.

Exemples

Voir l'exemple sur une page

body {
	background-image: url("images/cartooncat.png");
 	background-attachment: fixed;
}

Support de mutliples images d'arrière-plan

La propriété supporte depuis CSS 3 plusieurs images d'arrière-plan. Vous pouvez définir un <attachment> différent pour chaque fond, séparé par des virgules :

body {
  background-image: url("img1.png"), url("img2.png");
  background-attachment: scroll, fixed;
} 

Chaque image est associée à la valeur de fixation correspondante, dans l'ordre indiqué, de la première à la dernière.

Spécifications

Spécification Statut Commentaire
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation La propriété a été étendue pour supporter les fonds multiples et la valeur local.
CSS 2.1 Recommendation  
CSS 1 Recommendation  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 1.0 1.0 (1.7 ou moins) 4.0 3.5 1.0
Fonds mutliples 1.0 3.6 (1.9.2) 9.0 10.5 1.3
local 4.0 Pas de support 9.0 10.5 5.0
Fonction Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support de base 2.1 1.0 (1.9.2) ? 10.0 3.2
Fonds multiples 2.1 1.0 (1.9.2) ? 10.0 3.2
local ? Pas de support ? ? ?

Voir également

Étiquettes et contributeurs liés au document

 Dernière mise à jour par : tregagnon,