Exemple de la propriété CSS background-attachment avec la valeur "fixed"

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: fixed;
 background-size: 400px 100px
 }
 </style>
 </head>
 <body>
 <h2>Exemple de background-attachment</h2>
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 L'image du fond est fixée. Essayez de défiler la page vers le bas.
 Si vous ne voyez aucune barre de défilement, essayez de redimensionner la fenêtre de navigateur.
 </body>
</html>