如何获取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 div是静止的，但其中的所有内容都会滚动。

Answer 2

整个divison只会在一种情况下滚动，即包含不适合划分区域。

无论您是小背景图片还是大背景图片，如果

内容适合 在div中，我们将不进行滚动即使你设置溢出选项。