Exemple de la propriété CSS background-attachment

Source Code: (back to article)

<!DOCTYPE html>
<html>
 <head>
 <title>Titre du document</title>
 <style>
 body {
 background-image: url("/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png");
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-size: 400px 100px
 }
 </style>
 </head>
 <body>
 <h2>Exemple de background-attachment</h2>
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas..
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 L'image du fond défile avec la page. Essayez de défiler vers le bas.
 Si vous ne voyez aucune barre de défilement, essayez de redimensionner la fenêtre de navigateur.
 </body>
</html>