css - 滚动图像

基本上，我正在尝试使使用MyBB制作的论坛在当前主题下更具个性化。目前，我使用的主题使用的是1像素宽100像素，并使用以下代码在标题的背景上重复该操作，以使其具有渐变外观：

background: #202020 url(images/1/header.png) top left repeat-x;

我想要做的是在那里滚动图像。为了确保100％清晰，请查看此链接并查看标题。
Click to be Taken to Example

因此，基本上，我如何使用滚动图像完全准确地完成他们在该页面上所做的工作？

编辑：如果有帮助，这里是指向站点的链接。我正在为一个朋友做：
Click

Edit2：徽标的完整CSS如下所示：

#logo {
background: #202020 url(images/1/pan.jpg) top left repeat-x;
border-bottom: 1px solid #000;
    text-align:center;

}

最佳答案

尝试这样的事情：（请参见here）

HTML：

<div id="header">header</div>
<div id="content">content</div>

CSS：

#header {
    width: 100%;
    height: 321px;
    background: url(http://www.vector-finder.com/site-images/too_big/fantasy_banner_vector.jpg) 0 0 repeat-x;
}

JS：

var banner_width = 512;
var banner_x = 0;
function moveBanner() {
    banner_x = (banner_x - 1) % banner_width;
    $('#header').css('background-position', banner_x + 'px 0');
}
setInterval(moveBanner, 50);

关于css - 滚动图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8746369/