Accueil    CSS    Propriété Background-attachment
 



style css background-attachment  Style CSS background-attachment

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété background-attachment détermine la manière dont se comporte l'image lorsqu'un scroll est effectué sur la page. Par défaut l'image d'arrière plan reste visible lorsque l'utilisateur scroll sur la page, mais il est possible d'utiliser la valeur "fixed" pour changer ce comportement.

Le résultat espéré ne sera cependant celui auquel on peut s'attendre : un arrière plan dont la propriété background-attachment est positionée sur la valeur "fixed" voit son positionnement réévalué par rapport au document et non par rapport à son élément. Cette propriété s'applique donc plus naturellement à l'image de fond de l'élément body.



Propriétés pour le style background-attachment :




Propriété Définition Valeurs CSS
background-attachment Indique si l'image utilisée comme arrière plan est fixe ou si comme c'est le cas par défaut elle reste visible lors du scroll sur la page fixed
scroll
inherit
CSS 1


Exemple d'utilisation du style css background-attachment :





<div style="width:400px; height:150px; overflow:auto; border:solid 1px black;
   background-image:url('exemples/exemple-css-image.png');
   background-repeat:no-repeat; background-position:fixed;">
   contenu
   ...
   contenu
</div>

<div style="width:400px; height:150px; overflow:auto; border:solid 1px black;
   background-image:url('exemples/exemple-css-image.png');
   background-repeat:no-repeat; background-position:scroll;">
   contenu
   ...
   contenu
</div>



contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu


contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu
contenu