CSS代码示例-背景附着属性(background-attachment)-[背景图固定不动，不跟随滚动条滚动]：
<html><head> <title>背景附着属性 background-attachment</title> <style type="text/css"> body {background-image:url(../images/css_tutorials/background.jpg); background-repeat:no-repeat; background-attachment:fixed} </style> </head> <body> <p>这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。<p> <p>背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。</p> <p>background-attachment要和background-image一起用。</p> </body></html>
演示结果： 这个HTML使用了CSS的 background-attachment 属性，将背景图片固定，不随内容滚动而滚动。
背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固[文]定不动，不受内容滚动影响。缺省值是scroll。
background-attachment要和background-image一起用。
以上就是ZBlog网站背景图片固定不动，不跟随滚动条滚动的全部内容了,希望能够帮助到你，找建站教程记得来极光资源网！
![[游戏推荐]漂在江湖 | 仙侠类手游| 超时代国风武侠，回归江湖经典](https://bbs.cetsteam.com/zb_users/upload/2025/07/202507061751783344355560.jpg "[游戏推荐]漂在江湖 | 仙侠类手游| 超时代国风武侠，回归江湖经典"){kind=small}
