1、打开html开发软件，新建一个html代码页面。
2、在html代码页面的<body>标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。如图
3、设置背景图片样式。在<title>标签后面创建一个<style>标签，然后在这个标签里设置<body>标签的背景图片，以及背景图片不重复。
样式代码：
body{
background-image: url(img/bg.jpg);
background-repeat:no-repeat;
}
4、在body样式中添加上background-attachment: fixed。
5、保存html代码页面后刷新浏览器，这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。如图
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-11-26
提示：
fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。scroll这元素的作用正好与fixed相反，此元素与HTML中的背景元素所产生的效果基本相同，就是说可以直接html中添加，不错吧~
代码：
<style>
body {background-position: center;//背景居中<br>background-repeat: no-repeat;//无重复<br>background-attachment: fixed;//固定不动}
</style>
------------------------------
下面的是在html中直接添加的:
<body style="background-attachment:fixed";background="背景图片路径“>
</body>本回答被网友采纳
fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。scroll这元素的作用正好与fixed相反，此元素与HTML中的背景元素所产生的效果基本相同，就是说可以直接html中添加，不错吧~
代码：
<style>
body {background-position: center;//背景居中<br>background-repeat: no-repeat;//无重复<br>background-attachment: fixed;//固定不动}
</style>
------------------------------
下面的是在html中直接添加的:
<body style="background-attachment:fixed";background="背景图片路径“>
</body>本回答被网友采纳
第2个回答 2013-08-24
这个很容易操作：在代码中写入bgproperties="fixed"，就可以使背景不动了。
第3个回答 2014-07-28
例如body {
background-image: url(../loo.jpg);
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 0px;
}
中background-repeat: no-repeat;改成background-attachment: fixed;
然后保存，登陆就可以了。
background-image: url(../loo.jpg);
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 0px;
}
中background-repeat: no-repeat;改成background-attachment: fixed;
然后保存，登陆就可以了。
相似回答