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年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！CodestarFramework，一个轻量且易用的WordPress选项框架，在萨龙龙最新设计开发的企业教育培训类WordPress…当出现"Allowedmemorysizeof134217728bytesexhausted"错误时，意味着PHP内存限制被…为所有交易添加基于百分比的附加费
/**
*添加1%的附加费到你的购物车和结算页面
*更改百分比以将附加费设置为适合的…自定义域在Wordpress中有着相当重的份量，很多功能都可以在其中实现，最近有朋友要萨龙龙添加两个功能，一是缩略图使用自定义域来获取（支持外链…在开发吃货主题Chihuo时，要对产品和文章进行筛选，在一级分类下显示所有一级分类和当前一级分类下的所有二级分类，在二级分类下，显示所有一级分类…很多个人博客都有一个小工具是来统计网站的一些信息，Deephoto主题企业版本首页就集成了网站统计，添加了工作天数、完成作品、新闻动态、摄影师、…自动获取照片的EXIF信息，很多大型的摄影论坛都有这个功能，对于摄影爱好者来说是一个很实用的功能。萨龙龙开发的Deephoto主题和Neatim…MNewsPro主题已经更新到5.2版本，功能已经很完善，且实用，在文章投稿编辑器有用户提出不能上传视频或者插入视频简码不方便的问题。
…WordPress能够在自定义菜单中存储每个菜单项的描述，默认情况下，这些描述不会显示在前端菜单中，需要为相应的菜单增加显示描述的功能。
一…WordPress网站的速度应该上每个站长必须关注的一个问题，对于刚使用WordPress的朋友，优化网站速度是比较困难的事情，找不到好的…wordpress图片延迟加载已经不是稀奇的功能，网上有很多类似的文章，添加相当简单方便，woocommerce缩略图图片延迟加载也很方便的可以…Wordpress的强大就是什么样的扩展都有，最近浏览用户网站时发现用的“不是我的主题”，查看源代码才发现是使用了网站维护插件maintenan…
