评论可见
前往评论
先看效果图：
在背景图片上增加视差模糊效果，增加朦胧感，避免背景图片太突兀，与网站整体不协调，这个效果ripro,总裁主题都有使用，喜欢的朋友可以使用，记得收藏本站，以防后期再用的时候找不到了。
使用教程：
首页新建一个模块，添加一张模块背景图，调用内容选自定义
<div class="module parallax"><div class="wrapper" style="margin: auto;"><h4 class="entry-title"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-jingxuan-white"></use></svg> 精选教程推荐</h4></div></div>
其中的图标可以自行修改成你喜欢的。
宽度选铺满窗口。
然后：
b2常规设置的模块头部html标签选项添加css
隐藏内容
这样设置了PC端已经没问题了，但移动端还有一个小问题就是，手机端会隐藏背景图，因此还需要一点小修改。
先去数一下，这个视差组件排第几个，我这里是第5个，从0开始数就是4。因此对应的DOM类就是 home_row_4。你需要做的就是把上面css代码最后的这个 home_row_4 改成你的，home_row_5,home_row_6 等等。然后再把
文章版权声明
1 本网站名称：忆路吧
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
发表评论