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

随心笔谈2年前发布 编辑
164 0
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

今天分享一篇关于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;

© 版权声明

相关文章