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

时间:2011-01-30 02:17:16

标签: html css background-image

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

例如,我希望用户向下滚动,但是的图片会移动。

对我的CSS有任何建议吗?

与设置图片的http://www.mobafire.com/类似,但滚动不会移动它。

2 个答案:

答案 0 :(得分:3)

您需要为body元素指定background-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/

答案 1 :(得分:3)

添加固定为背景属性,如:

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