在页面下拉滚动的时候让用户有背景动态变换的效果。
这种代写实现起来也不难,今天就给大家分享一个常用的代码，宽度都是1920像素的。
天猫多层固定背景代码。
<div class="footer-more-trigger" style="left:50%;width:1920px;height:674px;right:auto;top:auto;padding:0;border:none;z-index:1;">
<div class="footer-more-trigger" style="left:-960px;top:-10px;border:none;padding:0;">
<div style="height:674px;width:1920px;background:url(背景图片);background-repeat:no-repeat;background-position:center;background-attachment:fixed;">
<img src=透明图片.png"/>
</div>
</div>
</div>
</div>
这是我们常用的方法，做首页时首先把透明区域做好，在切片裁切的时候注意保存的格式，然后放入图片空间，把透明png格式的图片跟背景图片（当然也要传到图片空间）放入该代码中的相应位置。
注意：这是C店的代码，天猫的请把：<div class="footer-more-trigger" 换成：<div class="sn-simple-logo"
就可以了！这个全屏效果是居中的效果~
