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年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！描述
您不需要序列化值。如果需要序列化值，则在将其插入数据库之前将其序列化。请记住，资源不能序列化或作为选项添加。
…很多人在使用WordPress最新的Gutenberg编辑器时都觉得并不适应，很难上手，毕竟新的事物要是需要时间才能熟悉。如果不想用还是…Wordpress获取分类文章的函数有query_posts和WP_Query，两个函数的功能都很强大，推荐使用WP_Query函数来查询文章。…在开发MNews主题的快讯功能时，希望一天内发布的快讯文章在当天日期下，而不是每篇都显示一个日期，通过the_date()函数可完美的达到这…WordpressMU多站点已经使用很久，在本地测试和主机上安装的都是多站点，极大的方便网站搭建以及主题开发。当我们有多个站点，需要创建的新站…在Wordpress主题开发的过程中，尤其是CMS主题分类的布局，通过后台选项（萨龙龙使用的都是Redux开源框架）选择分类，前台通过调用分类的…WordPress本身一直有WP-Cron（计划任务）的功能，可以设置每隔一段时间来执行，不过WP-Cron功能是基于页面浏览的，所以时…描述
WordPress核心执行期间，在特定点执行时或特定事件发生时，Actions是钩子。插件可以指定使用ActionAPI在…WordPress4.9.8版本就发布了古滕堡编辑器，很好用，添加文章也比经典编辑器方便很多。在5.8版本后又在小工具中增加了古滕堡编辑…萨龙网络在2018年9月份就写了一篇《WordPress简约实用的主题选项框架CodestarFramework》文章来介绍Codest…当WordPress管理员忘记密码或需要重置用户密码时，可以使用wp_set_password函数来实现。该函数将为指定用户设置新密码，…很多个人博客都有一个小工具是来统计网站的一些信息，Deephoto主题企业版本首页就集成了网站统计，添加了工作天数、完成作品、新闻动态、摄影师、…
