实例

如何设置固定的背景图像：

body   {   background-image: url(bgimage.gif);   background-attachment: fixed;  }

定义和用法

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

默认值：	scroll
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.backgroundAttachment="fixed"

可能的值

值	描述
scroll	默认值。背景图像会随着页面其余部分的滚动而移动。
fixed	当页面的其余部分滚动时，背景图像不会移动。
inherit	规定应该从父元素继承 background-attachment 属性的设置。

 

 

以上的写法 如果在手机里面会出现兼容问题，怎么办？？

看下面解决方法：

 

body:before{

content: ' ';

position: fixed;

z-index: -1;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: url(../images/bj-1.jpg) top center no-repeat;

background-size: cover;

}