Comment utiliser css pour définir une image d'arrière-plan en utilisant la propriété cover sur un div, pas sur le corps?

Question

J'ai un div, .cover-section, que je veux avoir une image d'arrière-plan complète qui est la taille de la fenêtre. Je veux utiliser la propriété cover css. J'ai ceci fonctionnant pour le corps de la page, mais si j'ajoute plus de contenu et essaye de faire défiler, l'image reste comme fond. Je veux que l'image défile avec le contenu. C'est ce que j'ai jusqu'à présent:

.cover-section { 
    background-image: url('../images/cover.jpg'); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
} 

Comment l'obtenir pour faire ce que je veux?

Answer 1

Supprimer cette ligne
background-attachment: fixed;