淘宝全屏固定背景代码教程(简单易懂)

淘宝全屏固定背景代码教程(简单易懂)

先来解释【固定背景】:即滚动鼠标浏览是,可将一个图片固定不动(如节日广告信息),这是经常用到的,美工朋友们应该掌握的,这里面还是有些小小的技术含量的。

需要注意的她只适用于首页装修,其他页面是不能设置的。

下面我们来剖析步骤:

【淘宝背景固定代码范例】

body{background-image:url(图片地址);background-repeat:no-repeat;background-position:bottom center;background-attachment:fixed;}

【注意】必须将制作好的图片上传到淘宝官方相册,获取链接后,复制过来

【将代码复制到哪里呢,看下面】

点击导航编辑,选择"显示设置",这里黏贴背景图片固定代码即可。

【注意】

制作掩撤的图片尺寸很大的,不是上图的小图片,而是制作一个比电脑屏幕分辨率稍小的图片(也就是替代你原来的背景图片,)

【缺点说明】

该代码是利用淘宝的膨码漏洞而设计的,使用背景固定代码,一定要取消页面背景董没裕图与页面背景色(即需删除页面背景图、不勾选页面背景颜色)。否则背景固定图片不能显示出来。不过经鱼摆摆测试,淘宝背景图片固定代码可以与全屏轮播图片配合一起使用。使用时,固定背景图在全屏轮播图的下面。