简单易懂的淘宝背景固定代码教程   公众号:鱼摆摆网   文/admin   07-06 19:31

鱼摆摆网店装修网已经在淘宝特效专栏开辟了淘宝背景固定代码栏目,这里发布一个简单易懂的淘宝背景固定代码教程,方便广大淘宝卖家安装、设置淘宝背景图片固定代码。

(一)淘宝背景固定代码范例

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

鱼摆摆开发了一个淘宝悬浮背景固定代码在线生成器,大家可以在线生成:http://www.yubaibai.com.cn/tool/gdbj/

需将上面的红色提示文字“图片地址”替换修改实际的淘宝背景固定图片的地址。必须上传到淘宝官方相册,鱼摆摆分享的淘宝背景固定代码,部分有未搬家版,需搬家后才能显示出来。搬家搬版可以直接黏贴使用。

鱼摆摆收集了很多特别适合做淘宝固定背景图片,详见“淘宝背景固定图片素材”专栏http://sc.yubaibai.com.cn/e/tags/?tagname=悬浮固定背景(丰富整理发布中)

(二)使用范文与安装方法

支持天猫店铺、旺铺专业版、旺铺基础版和之前的旧版拓展版店铺。

天猫店铺、旺铺专业版、旺铺基础版需将淘宝背景固定代码安装在导航条的“显示设置”里。

老版的拓展版店铺需安装在“完全自定义里”。

基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在哪里?放你店铺导航条的css显示设置里即可。(★点击导航编辑,选择"显示设置",这里黏贴背景图片固定代码即可。)

说明:旧版旗舰版店铺只需将背景图片固定代码放在 “模板”-“背景设置”-“完全自定义”里即可。

淘宝css“完全自定义”的高级自定义功能介绍

(三)缺点说明

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yubaibai360@qq.com 举报,一经查实,本站将立刻删除。

[ 标签:淘宝背景固定代码教程 ]

相关文章