淘宝店铺固定背景代码

全屏固定背景是指在淘宝店铺里下拉

滚动条时背景依然位置不动，

不会跟随滚动条滚动的全屏背景。

效果在线展示：

http://www.tbzxiu.com/zx/xinwangpu/14.htm

如果要制作全屏固定背景，首先要开通新旺铺专业版，

新旺铺专业版全屏固定背景制作教程

第一步：制作背景素材

网店装修网提供了一套绿色的背景素材，适合各种类型的淘宝店铺使用。

点击下面的链接将背景解压缩到您的电脑桌面。

下载：固定背景素材

如果您对背景有特殊的要求，可以到根据我们提供的素材进行PS处理，注意修改的过程中不要更改图片的长宽，中间白图部分不要更改即可。

第二步：上传素材到淘宝图片空间，获取图片链接

登录淘宝店铺，进入卖家中心，在左侧导航栏找到“图片空间”，将下载的素材上传。上传成功后点击链接复制图片链接。

第三步：制作全屏固定背景特效代码

代码开始：

body{background:url(背景图片地址) no-repeat fixed center top;}

代码结束。

将上面的特效代码粘贴进旺铺CSS自定义里。

如何找到CSS自定义框：

1：进入淘宝店铺装修后台页面，鼠标放在导航栏位置，出现编辑窗口，如图：

2：点击编辑，找到“显示设置”，点击后看到白框就是CSS自定义框。如图：

 

第四步：修改特效代码，保存发布。

在第三步的特效代码里，将括号中的背景图片地址更换为您第二步复制的图片链接，保存发布即可看到全屏固定的背景效果了。

转载于:https://www.cnblogs.com/wdzxiu/p/3642149.html