导航栏怎么变透明
导航是很重要的,一个好的单行,不单单在于可以将消费者顺利引导到需要的界面,另外,美观的导航也可以为店铺整体加分。 我们在网店装修的的时候,往往需要选择模版的颜色,但是,五颜六色你看惯了,可否尝试其他特别一点的呢?比如说,透明的。事不宜迟,下面我们来说说,透明的导航栏应该怎么做?我们尝试在CSS上做功夫。 步骤介绍: 1、卖家中心->店铺装修->找到导航栏编辑按钮
2、然后打开编辑,看提示窗口找到(显示设置)点击后看到白框就是CSS自定义框。
3、将下边的透明代码拷贝过去,你看,导航栏是不是变透明了。如图所示:
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;} 想让自己的店铺更具特色吗,赶快来看看吧,众多免费的模版和各种的装修技巧,肯定让你不枉此行。
更多淘宝装修资讯,尽在开淘装修网(https:///)