CSS移动背景图像

Question

我有一个平铺的背景图片，看起来像一个网格。

问题：

我只是想知道是否可以使用CSS移动平铺图像以产生它被平移的效果。但是，图像仍然需要跨越屏幕的整个宽度和高度。

平铺图片

当前CSS：

#background
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #7abcff; /* Old browsers */
    background-image: url('../images/background.jpg');
}

按下向上/向下箭头时调整CSS渐变值的位置，或使用右上角的平移工具。

解决方案：使用jQuery和CSS background-position：

$('#background').attr("style", "background-position: " + this._bgL + 'px ' + this._bgT + 'px'); 

Answer 1

您可以使用background-position: <offset-x> <offset-y>^[docs]移动背景图片。

在此处尝试：http://jsfiddle.net/4Cwj5/（尝试更改background-position属性，然后点击“运行”）

Answer 2

看看一些Parallax效果教程。他们建立了你最终的目标。

Awesome CSS Effect