每当看到别家店铺高大上的全屏背景图,都会羡慕不已,反观自家的背景图,都会有种小家的感觉。但是,并非淘宝装修高手的我们,能否做到这种效果,答案是肯定的。另外,这种效果的制作并不难。今天,小编为大家带来全屏固定背景的制作教程。
第一步:准备素材
这里我们先找到一套绿色的背景素材,这类型的可适用的范围较广。
当然,每个人都有各自的风格,要做到自己的风格,需要对素材做适当的处理,但是,修改的过程要注意图片的长宽。
第二步:将素材上传到图片空间,复制生成的链接
第三步:下面这是制作全屏固定背景的特效代码
代码如下:
------》 body{background-image:url(背景图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;} 《------
代码结束。
把上述代码复制粘贴到旺铺的CSS自定义框里。
1:在店铺的装修后台,点击编辑按钮;如下图所示:
2:看到“显示设置”之后,点击后看到白框就是CSS自定义框。如下图所示:
第四步:修改特效代码,保存发布。
在第三步的特效代码里,替换将括号中的背景图片地址,保存发布完毕,即可看到高大上的全屏固定效果了。
本文整理于互联网,如有侵权,请联系email:kf@53shop.com 进行删除处理。