利用background-attachment:fixed给网站加上一个固定背景

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

文章摘要

这篇文章介绍了如何使用CSS的`background-attachment: fixed`属性来实现背景图片固定在页面位置的效果，使其不会因滚动条而改变位置。文章提供了具体的CSS代码示例，说明如何设置背景图片的位置属性为`fixed`，并展示了代码的实现效果。此外，文章还提到可以通过进一步修改背景色，添加颜色代码以更改背景颜色。该技术适用于需要固定背景的网站设计，能够提升用户体验。

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

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

利用background-attachment:fixed给网站加上一个固定背景
CSS效果截图
CSS代码：

body{
background: url(bj.png) no-repeat;
background-size: 100%;
background-attachment: fixed;
}
bj.png可以自己网上找，路径只要写对就行。

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

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