1、首先，打开html编辑器，新建html文件，例如：zhuanindex.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：style="background-image:url(image.webp);background-repeat:no-repeat;background-attachment:fixed"。
3、浏览器运行index.html页面，此时滚条拉动，页面内容能动，背景图片不动。
以上就是css 怎么设置背景不动内容滑动的详细内容，更多请关注易知道|edz.cc其它相关文章！
