您现在的位置是:首页 > 淘宝运营淘宝运营

怎样用透明背景图片作为手淘首页图片,分享经验

admin2019-09-26 01:53:38【淘宝运营】人已围观

怎样用透明背景图片作为手淘首页图片,分享经验

因为淘宝屏蔽了background透明属性,所以卖家可以买css权限去做。也可以用图片<img>标签的办法,把原来的背景的按自定义模块的大小和位置设置为图片,用插入图片的办法来实现。不过如果要添加文字只能直接做到图片上。接下来小编就给大家介绍一下手机淘宝首页如何做透明背景图片的详细教程!

手淘首页图片

一、手机淘宝首页做透明背景图片的详细教程

1.登录淘宝网,进入卖家中心后台。找到店铺装装修,也就是我们的旺铺。在旺铺当中找到导航栏编辑按钮

2.然后点击编辑,会出现一个提示窗口,于是我们找到显示设置。点击后就能看到白色的一个框框,它就是CSS自定义框

将下面对应的透明代码复制进去,导航栏就会透明显示。

A.这是一个简单的淘宝新旺铺自定义CSS导航透明背景代码:

.skin-box-bd{background:none;}

.menu-list{background:none;}.link{background:none;}

.menu{background:none;}

.all-cats{background:none;}

.all-cats{display:none;}

.menu-list.menu.title{color:#CF6AA6;}

B.这是一个比较完的淘宝新旺铺自定义CSS导航透明背景代码:

.skin-box-bd{background:none;border:none;}

.menu-list{background:none;}

.link{background:none;border:none;}

.menu{background:none;}

.all-cats{background:none;}

.skin-box-bd.all-cats.link{border:none;}

.skin-box-bd.menu-list.menu{border:none;}

.menu-list.menu.title{color:#000000;font-size:15px;font-weight:bold;}

.all-cats.link.title{color:#000000;font-size:15px;font-weight:bold;}

.skin-box-bd.menu-list.menu-selected.link{background:none;}

.skin-box-bd.menu-list.menu-selected.link.title{background:none;}

也有把背景图片让美工做成透明的,存为PNG格式。插入到首页里面去的方式去实现透明目标。

手淘首页图片

以上就是关于手机淘宝首页如何做透明背景图片,详细教程?详细看完的朋友一定有所了解了。为了帮助朋友们了解更多的知识,我们还整理了更多的淘宝相关知识。

Tags:

很赞哦! ()