如何為網站的整個頁面設置背景圖像？

Question

http://jsfiddle.net/stapiagutierrez/hfhfp/

例如，我希望用戶向下滾動，但圖像不移動。

對我的CSS有什么建議嗎？

與設置圖片的http://www.mobafire.com/類似，但滾動不會移動圖片。

Answer 1

您需要將body元素的backgroun-attachment屬性分配為fixed。 即：

body{
    background: url('http://i.stack.imgur.com/6C5Ym.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

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

Answer 2

將固定值添加到背景屬性中，如下所示：

body{
  background: url('http://i.stack.imgur.com/6C5Ym.jpg') fixed no-repeat;
}