javascript - 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 属性并单击“运行”)