css实现网页背景图片位置不随滚动条改变

最新推荐文章于 2024-09-25 18:30:38 发布

onesilver

最新推荐文章于 2024-09-25 18:30:38 发布

阅读量2.1k

点赞数 2

分类专栏：网页文章标签： css 滚动条

本文链接：https://blog.csdn.net/onesilver/article/details/79302189

版权

网页专栏收录该内容

1 篇文章 0 订阅

订阅专栏

有的时候当网页的背景是一张图片，而在滚动滚动条时，我们不希望图片随着滚动条改变而是希望图片上的内容改变而图片不动，即利用css实现网页的背景图片位置不随滚动条改变

效果代码如下：

background:url(./img/main-bg.jpg);    
background-repeat: no-repeat;         //背景图片仅显示一次
background-position: top center;      //属性设置背景图像的起始位置。
background-attachment: fixed;         //属性设置背景图像是否固定或者随着页面的其余部分滚动,fixed     当页面的其余部分滚动时，背景图像不会移动。