对于淘宝店铺来说，店铺导航是很重要的，一个好的导航，不单单在于可以将消费者顺利引导到需要的界面，另外，美观的导航也可以为店铺整体加分。我们在淘宝店铺装修的的时候，往往需要选择模版的颜色，但是，五颜六色你看惯了，可否尝试其他特别一点的呢？比如说，透明的。下面我们来说说，淘宝店铺导航栏怎么变透明,导航栏透明代码教程。想要导航栏透明，一般我们需要尝试在CSS上做功夫。

导航栏透明设置步骤介绍：

1、卖家中心->店铺装修->找到导航栏编辑按钮

2、然后打开编辑，看提示窗口找到（显示设置）点击后看到白框就是CSS自定义框。

3、将下边的透明代码拷贝过去，你看，导航栏是不是变透明了。

方法1：简单的淘宝新旺铺自定义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;}

方法2：完全的淘宝新旺铺自定义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;}

以上就是淘宝店铺导航栏透明代码教程，内容由卖家网编辑收集整理发布,希望能帮助到更多的淘宝店长,转载此文请注明。如需查看宝贝排名监控、店铺监控、关键词分析、行业数据分析等淘宝数据分析业务请上卖家网。