CSS3 background-attachment:fixed实现滚动视差效果
一直都想设计一个有滚动视差效果的主题，而网上所有的介绍和有视差效果的主题都是使用jQuery来实现，而且由于视差背景图是一张满屏的大小，所以一直没有实现这个功能。最近在开发一个摄影/作品展示的主题，使用CSS3 background-attachment:fixed相当轻松地添加了视差滚动效果。[infobox]background-attachment 属性包括：[/infobox]
- scroll，默认值，背景图像会随着页面其余部分的滚动而移动。
- fixed，当页面的其余部分滚动时，背景图像不会移动。
- inherit，规定应该从父元素继承 background-attachment 属性的设置
通过设定background-attachment属性值为fixed，滚动页面时就能实现视差效果，如此简单的一个功能，而且主流浏览器都支持 background-attachment 属性，为什么那么多作品中都是使用jQuery呢？
相信一个功能CSS3和jQuery都能实现的，所有前端开发人员都会选择CSS3吧，萨龙龙已经找到最佳的实现视差的方法就是CSS3的background-attachment:fixed属性。
PS：Deephoto摄影/作品展示主题已经使用了CSS3的视差效果，以及CSS3滚动动画，视觉效果与之前的主题都完全不一样。同时最大的一个亮点就是添加了自动获取图片的EXIF信息，这对于搞摄影的朋友来说是很振奋人心的功能，预计9月底上线。
[scbutton link="https://demo.salongweb.com/parallax/index.html" target="blank" variation="red"]演示效果[/scbutton][scbutton link="https://deephoto.salongweb.com" target="blank" variation="yellow"]Deephoto主题企业版本视差演示[/scbutton]本文原创，作者：萨龙龙，其版权均为萨龙网络所有。
如需转载，请注明出处：https://salongweb.com/background-attachment-fixed.html
一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！网站开放注册的站点都会添加一个前台登录与注册的表单或页面，这样方便用户登录站点，同时也保证网站后台的安全性。今天我们来介绍前台登录函数wp_lo…上一篇文章我们介绍了Isotope，功能强大，效果出众的jQuery插件，但是文章中的代码并不能使用在项目中，所以今天通过Wordpress主题…MNews Pro 主题已经更新到5.2版本，功能已经很完善，且实用，在文章投稿编辑器有用户提出不能上传视频或者插入视频简码不方便的问题。
…使用WordPress MU多站点来管理所有的站点确实很方便，可以省去很多重复的工作，节省资源。萨龙网络使用MU多站点已经很久，已经爱不释手，也…WordPress MU虽然是一个程序下可以创建多个站点，但每个站点下的文章、页面、媒体等还是独立的，MU也为不同的站点分配了不同的媒体目录。N…前面我们介绍了如果安装WordPress MU，安装完成后我们就需要把每个独立站点的数据转移到MU中，在MU中最原始的站点数据是不需要改动，只需…最近开发了一款多功能的新闻视频类Wordpress主题Yewan，客户的网站用户也比较多，要求设计一个按权限（管理员、编辑、作者、投稿者、订阅者…最近在做一款企业产品展示的商城网站，设计WooCommerce产品文章的布局与默认的布局有很大的不同，所以其中的一些模块都需要重新调整。WooC…Wordpress MU是多站点的程序，新创建的站点地址都是基于主域名下的二级域名，而强大的Wordpress可以为每个站点绑定不同的域名，这时…WordPress 获取评论所有主题都是使用wp_list_comments()函数，获取每篇文章的评论是相当的方便实用，唯一的不足是不能通过自…WordPress推出已经十多年了，越来越多的个人与公司都是在使用其开发自己的网站，全球的开发者也都在为其提供程序。WordPress移动客户端…强大、实用的Redux框架我们已经在WordPress强大的开源后台框架Redux Framework介绍与使用一文中介绍了，今天我们介绍下如何…
