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

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

效果代码如下：

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

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

[css] 如何让背景图片固定不随滚动条滚动
[css] 如何让背景图片固定不随滚动条滚动 background-attachment:fixed 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 ...
html div背景图片路径,css如何设置背景图片位置？
在使用背景图片时,经常会遇到背景图片所在的位置不是我们想要的,那如何设置背景图片的位置呢?下面我们来看一下css设置背景图片位置的方法. 在背景图片的背景图片位置属性中,background-posi ...
css实现网页背景图片自适应
文章转载地址 https://www.cnblogs.com/neromaycry/p/8088828.html
html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
CSS的背景（背景颜色，背景图片，背景平铺，背景图片位置，背景图片固定（图片附着），背景复合写法）
CSS的背景通过 CSS 背景属性,可以给页面元素添加背景样式. 背景属性可以设置背景颜色.背景图片.背景平铺.背景图片位置.背景图像固定等. 背景颜色 background-color 定义元素的 ...
CSS设置了正确的背景图片位置，网页上却显示不出来?
关于CSS中设置背景图片但在网页上未显示做如下笔记,和大家分享.. 如有说的不对或不恰当的地方,希望读者指出,共同进步. 今天在写一个小项目的时候在一个点上疑惑了许久,明明我的背景图片路径设置的不会错 ...
CSS基本知识之复合选择器、元素显示模式、背景图片位置，精灵图
CSS基本知识之复合选择器.元素显示模式.背景图片位置,精灵图一.复合选择器在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进 ...
黑马程序员前端-CSS背景：颜色、图片、平铺、背景图片位置、背景图像
前端学习笔记教程不定期更新中,传送门: 前端HTML第一天:什么是网页?什么是HTML?网页怎么形成? 黑马程序员前端-CSS入门总结黑马程序员前端-CSS之emmet语法黑马程序员前端-CSS的 ...

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

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

最新文章

热门文章