如何为网站的整个页面设置背景图像？

Question

例如

，我希望用户向下滚动，但图像不移动。

对我的 CSS 有什么建议吗？

类似于http://www.mobafire.com/，设置了图片，但滚动不移动它。

Answer 1

您需要将 body 元素的 backgroun-attachment 属性指定为固定。
即：

body{
    background: url('https://i.sstatic.net/6C5Ym.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

检查 jsFiddle@： http://jsfiddle.net/hfhfp/2/

Answer 2

将固定添加到背景属性，如下所示：

body{
  background: url('https://i.sstatic.net/6C5Ym.jpg') fixed no-repeat;
}