使用CSS属性`background-attachment: fixed`为网站添加固定背景

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：css教程

要给网站加上一个固定背景，可以使用CSS属性`background-attachment: fixed;`。这个属性可以让背景图片或颜色在滚动页面时保持固定位置，不会随着内容一起滚动。首先，需要在CSS样式表中为需要添加背景的元素设置`background-image`属性，指定背景图片的URL或颜色。然后，将`background-attachment`属性设置为`fixed`。这样，当用户滚动页面时，背景图片或颜色将保持在固定位置，不会跟随内容一起滚动。

今天分享一篇关于background-attachment:fixed的实战示例，background-attachment:fixed可以让背景图片固定到一个位置，不会随滚动条滚动而变化。

下面我们就利用background-attachment:fixed给网站加上一个固定背景，效果如下：

CSS代码：

body{background:url(bj.png)no-repeat;background-size:100%;background-attachment:fixed;}

bj.png可以自己网上找，路径只要写对就行。

然后如果还需要背景颜色的可以这样修改：

background:url(bj.png)no-repeat#ff0000;