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年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！Woocommerce，一个wordpress的电子商务扩展插件，一个很漂亮的可以帮你卖任何东西的工具，这是插件在wordpress后台插件中的…萨龙龙开发主题这么久，第一次感染恶意代码，整个WordPress下的主题functions.php都被插入了一大段函数代码，百度一下也发…WordpressMU多站点已经使用很久，在本地测试和主机上安装的都是多站点，极大的方便网站搭建以及主题开发。当我们有多个站点，需要创建的新站…一、通过使用全局变量获取评论深度
我相信您应该知道wp_list_comments()函数，它可以将评论打印在网站页面上。
为什么这个功…网站开放注册的站点都会添加一个前台登录与注册的表单或页面，这样方便用户登录站点，同时也保证网站后台的安全性。今天我们来介绍前台登录函数wp_lo…Sixianqiu主题是专为诗歌设计开发的主题，有一些朋友也需要这样的多形式博客主题，就整理出来了。一开始所有的文章内容都是居中显示，这样对于其…Buddypress社区中有很多地方会直接显示用户登录名，比如用户个人主题中的名称和链接中，所有来访的用户都知道了管理员的用户名，对于小人知道了…CodestarFramework，一个轻量且易用的WordPress选项框架，在萨龙龙最新设计开发的企业教育培训类WordPress…课程插件功能已经能满足绝大多数在线教育培训课程网站的需求，选项功能也众多，「即将推出」功能还在开发中。…MNews主题集成了WooCommerce商城插件，有些用户要求增加一个『立即购买』按钮，这篇文章介绍下如何在WooCommerce中添加…经常折腾wp的人肯定不止一个博客，主题高产的WPER那就更不用说，所以我们不想重复地安装wordpress，通过WordPressMU只需要安…自从了解到WordpressMU多站点，就开始一步一步的向多站点发展，也将萨龙网络所有站点都安装在WordpressMU多站点中。在使用多站…
