如何让div背景图像滚动？

Question

我希望div的背景图像(带有id="library_tracks")在x和y两个方向上重复，并与div一起滚动。不管是什么原因，背景都是固定的。我想解决方案很简单...有什么想法吗？

这是我的CSS：

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

}

Answer 1

诀窍是不在容器div上设置背景，而是在其中的内容div上设置背景。<div id="library_tracks"> div显示滚动条的Here's a working example，但<div id="content">是实际移动的内容。

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

这之所以有效，是因为它是内容div在移动。library_tracks目录是固定的，但其中的所有内容都是滚动的。

Answer 2

整个分割将仅在一种情况下滚动，即容器不适合分割区域。

无论你有小的背景图片还是大的背景图片，如果内容可以放在中，即使你设置了overflow选项，我们也不会得到滚动。