实现页面滚动背景图片不动的效果

类似这个网站http://im.qq.com/

css属性：

position: relative;
background-attachment: fixed;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;

转载于:https://www.cnblogs.com/holdonBestrong/p/6429129.html

实现页面滚动背景图片不动的效果相关推荐

php页面背景不动,页面滚动背景图片不动的原理及实现
以前看到一种页面滚动条在滚动,而背景图片却不动的效果,页面缓缓的下拉,背景也缓缓的切换,就像放电影一样,后来才知道这叫(Parallax Scrolling),作为一种优雅酷炫的页面展示的方式,视差滚 ...
css背景图毛玻璃,css实现背景图片的毛玻璃效果
问题一css 一.简述问题html 最近在作登陆页面的时候,遇到了一个问题:将登陆页面的背景图片,设置为毛玻璃效果.在网上找到了关于这方面的资料.web 二.问题解决svg .blur { filte ...
css实现背景图片的毛玻璃效果
问题一 1.简述问题最近在做登录页面的时候,遇到了一个问题:将登录页面的背景图片,设置为毛玻璃效果.在网上找到了关于这方面的资料. 2.问题解决 <!DOCTYPE html> < ...
安卓学习专栏——实战项目酷欧天气（4）给天气页面加上背景图片
步骤系列文章前言实现效果项目结构 1.获取必应每日一图 1.1修改修改activity_weather.xml 1.2修改WeatherActivity 2.背景图和状态栏效果修改 2.1修改 ...
微信小程序实现页面加入背景图片以及调节透明度
在微信小程序中有时候需要在页面加入背景图片以及调节透明度让我们的小程序变得更加美观,以下是代码实现: 1.WXML <view class="bg" ><imag ...
freemarker .ftl页面中背景图片问题
.ftl页面中背景图片问题项目代码中引入图片资源文件只加载出了jpg格式图片 png格式的图片弄了半天也没显示出来,尝试改格式后能够在页面显示,页面只能加载jpg格式图片
JS+CSS实现页面滚动切换图片（从边角扩散）的效果
先上效果图: 实现思路: 两个绝对定位的div重合,通过监听页面滚动位置信息,动态的改变上面的div宽高.背景定位.边角半径 div样式设计: .bgTrans {height: 400px;posi ...
如何给PDF文件所有页面添加背景图片
在很多的时候,大家都会使用到PDF文件,有时编辑好的PDF文档觉得比较单调,需要添加一些背景图片,应该如何操作呢?是否有批量操作能直接给所有页面都添加呢?一起看看下面的文章,就能找到你要的方法啦. 很 ...
css 背景图片模糊遮罩效果
思路在父元素上之上利用绝对定位再加一个图层并调整该图层的透明度顺便一提:熟悉ps或pr的应该知道这图层叫做遮罩或者蒙版方法利用:after伪元素 dom元素 <div className= ...

实现页面滚动背景图片不动的效果

实现页面滚动背景图片不动的效果相关推荐

最新文章

热门文章