background-attachment:fixed实现背景固定的效果

原创 2015年07月07日 11:29:46

取值为fixed的时候,意思是固定背景,不管这个元素在什么地方,它的背景的位置就与它本身无关了,始终是参照浏览器的可见视窗来定位的




版权声明:本文为博主原创文章,未经博主允许不得转载。

同时使用background-attachment:fixed; 和 background-size:cover;时背景图大小被切割的解决方法

想要的效果:网站banner图片,在往下拉滚动条的时候,希望保持不动,下面的内容从它上面盖过去。 ...
  • yingbangwang
  • yingbangwang
  • 2017年03月29日 18:25
  • 390

ios系统和某些移动端background-attachment:fixed不兼容性

ios系统和某些移动端background-attachment:fixed不兼容性,没有任何效果,但可以hack一下就可以了,代码如下: ps:想在哪个标签加背景,可以在它class后:bef...
  • boys1999
  • boys1999
  • 2015年12月12日 09:56
  • 3678

定位fixed,使得可点击元素不可点击问题解决

使用bootstrap做标签页,左侧栏需要自己加一点样式,使得退出item要始终处于最下方,设置: position:fixed;  bottom:0; 问题直接就脱离了父元素,背景都没有了,和...
  • heroboyluck
  • heroboyluck
  • 2017年08月02日 19:43
  • 533

渐变背景(background)效果

chrom and Safari浏览器: webkit核心的浏览器,使用CSS3渐变方法(css-gradient) -webkit-gradient(type, start_point,...
  • xiebaochun
  • xiebaochun
  • 2014年08月10日 08:47
  • 15624

css3的一个控制背景的属性,background-size可以缩放大小啦

ackground-size需要两个值,它的类型可以是像素(px)、百分比(%)或是auto,还可以是cover和contain。第一个值为背景图的width,另外一个值用于指定背景图上的height...
  • u013063153
  • u013063153
  • 2016年10月31日 09:57
  • 4340

HTML&CSS——对背景图定位中background-position属性的自我理解

最近在项目中需要大量的用到很多标签按钮什么的零碎图片,加上一直没机会使用Css中的”精灵技术“,这里把我对background-position的理解写成文档供更多人使用学习;如果有不对的请大家使劲拍...
  • oscar92420aaa
  • oscar92420aaa
  • 2016年05月03日 15:54
  • 2210

滚动视差效果——background-attachment

滚动视差效果的实现原理是在同一个页面上将页面元素分为多层,例如可以分为背景、内容、贴图层,在滚动页面的时候让三者滚动的速度不一,从而在人的视觉上能够形成一种立体的近似效果。最近在做一个项目wiki的时...
  • SDDCCCC
  • SDDCCCC
  • 2013年08月20日 01:08
  • 1797

CSS入门之背景样式实例,背景图滚动:background-attachment,background复合样式

背景图滚动分两种: 1.background-attachment:scroll 表示图片随着滚动条滚动 列表实例 i love you i love you very much...
  • u011333814
  • u011333814
  • 2014年01月28日 23:09
  • 673

利用CSS固定背景交替实现视差滚动效果

利用CSS固定背景交替实现视差滚动效果  外部样式表部分 *{  margin:0;  padding:0; } body{  font-family:"Trebuchet MS...
  • wustzbq0713
  • wustzbq0713
  • 2015年06月06日 13:06
  • 866

IE6实现position:fixed bug (固定窗口方法)的实例

  • 2010年08月13日 11:52
  • 30KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:background-attachment:fixed实现背景固定的效果
举报原因:
原因补充:

(最多只允许输入30个字)