mozilla
Vos résultats de recherche

    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

    Étiquettes : 
    Contributors to this page: tregagnon, Fredchat, teoli, Mgjbot, FredB, Kyodev
    Dernière mise à jour par : teoli,
    Masquer la barre latérale