Comment faire pour faire défiler une image d'arrière-plan div?

Question

Je veux que l'image d'arrière-plan d'un div (avec id = "library_tracks") soit répétée dans les deux directions x et y et pour faire défiler avec la div. Pour une raison quelconque, l'arrière-plan reste fixe. J'imagine que la solution est assez simple ... des idées?

Voici mon CSS:

#library_tracks { 
    overflow-y: scroll; 
    height: 400px; 
    border: thin solid #DADADA; 
    background-image: url('../img/track_background.png'); 
    background-attachment: scroll; 

} 

Answer 1

L'astuce est de mettre l'arrière-plan non sur le conteneur div, mais sur la div de contenu à l'intérieur. Here's a working example où le div <div id="library_tracks"> affiche la barre de défilement, mais le <div id="content"> est le contenu réel qui a été déplacé.

http://jsfiddle.net/somethingkindawierd/Cj29C/

Cela fonctionne parce que c'est la div de contenu qui se déplace. La div library_tracks est stationnaire, mais tout défile.

Answer 2

Une division entière défilera dans une seule circonstance, c'est-à-dire que le contenu ne rentre pas dans la zone de division.

Que vous ayez de petites images de fond ou grand, si le contenu peut adapter dans le div nous ne obtenir le défilement même si vous définissez l'option de débordement.