html加背景图片不动,css如何设置背景固定不动？

在前面的经验中，我们知道了怎么用css来设置背景图片，但是鼠标滚动滚轮时，背景图片会随同网页内容一起滚动，怎么才能让背景图片固定不动呢？

背景图固定不动，不跟随滚动条滚动：

背景附着属性 background-attachment

body {background-image:url(../images/css_tutorials/background.jpg);

background-repeat:no-repeat;

background-attachment:fixed}

这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。

背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；

一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。

background-attachment要和background-image一起用。

这个HTML使用了CSS的 background-attachment 属性，将背景图片固定，不随内容滚动而滚动。

背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。

background-attachment要和background-image一起用。

这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。

背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。