淘宝首页交替背景怎么做？-开淘网

淘宝首页交替背景怎么做？

2018-07-16 15:32:44

　　有很多卖家朋友想要在店铺首页实现鼠标滑动，但是背景固定的效果，但是找不到该怎么操作?怎么使用不同模块上设置不同页面背景并锁定的效果?为此开淘小编专门去请教了大神，下面一起去看看吧！

　　主要是利用到自由布局工具模块背景及任意图组件实现多层固定背景视觉差效果案例，图片样式自由设计，设计好在软件里布局你要位置即可，背景尺寸建议：1920x1080px，高度要1080以上，如果高度矮了在滑动的时候上下会直接显示店铺背景色，导致显示不协调情况，具体请看我下面的操作演示~

　　这个效果就一个操作：添加完组件生成淘宝装修代码的时候选背景固定

　　温馨提示：阿里巴巴单张图片不要超过2M，高度宽度不要超1920px，超了上传图片空间会压缩，导致图片变小,这个问题比较常见，大家注意一下哦~

　　如果要做png透明图或GIF动态图请上传淘宝图片空间

　　按键盘上alt+方向键可以微移组件位置~任意图鼠标右键可锁定画多热区

　　操作完记得右上角备份一下操作记录哦，下次可以导入再次编辑

　　怎么把淘宝首页背景图固定?

　　具体方法如下。

　　准备好一张像素1920*1080背景图片。

　　打开淘宝图片空间>指定好文件夹>点击上传图片>在弹出新窗口点击上传>选择已经准备好的背景图点击打开完成上传。

　　点击背景图中的链接标志，就可以复制成功。

　　进入店铺装修>在导航栏上点击编辑，进入后要用的代码全部复制body{background-image:url(图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

　　选择显设置>>粘贴代码>>到空间复制链接>>覆盖图片地址点击确定完成。

　　预览看下效果，满意了就点击发布。好了，自由布局工具模块背景及任意图组件实现多层固定背景实现方法就介绍到这里，喜欢的卖家朋友们可以动手试一试，或许在你的下一个设计项目上尝试使用。