正文

ZBlog网站背景图片固定不动，不跟随滚动条滚动

李海博客 V管理员 /2021-11-21 /2 评论 /847 阅读

1121

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一起用。