淘宝首页导航透明代码（淘宝首页导航透明代码怎么弄）

本篇文章给大家谈谈淘宝首页导航透明代码，以及淘宝首页导航透明代码怎么弄对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、淘宝店铺装修导航栏颜色怎么设置透明
• 2、如何把淘宝店的导航栏改成透明的并且下一级菜单是半透明的，字体为白色，各个页面用白色竖线隔开？
• 3、求代码高手，淘宝旺铺专业版店铺装修导航条如何改成透明的图片呢？
• 4、淘宝导航完全透明的代码。

淘宝店铺装修导航栏颜色怎么设置透明

1.进入卖家中心-店铺装修-找到导航栏编辑按钮

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

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

如何把淘宝店的导航栏改成透明的并且下一级菜单是半透明的，字体为白色，各个页面用白色竖线隔开？

因为不同的模板对导航栏的设置不一样，所以，最好就是根据具体的情况针对性的编写CSS代码。不过，你可以先试试以下的代码（将以下代码放入导航栏的“显示设置”中）：

.skin-box-bd{background:none;background:TRANSPARENT;border:none;} .skin-box-bd li{vertical-align:middle;} .skin-box-bd .popup-content{background:none;} .skin-box-bd .popup-content .popup-inner .cats-tree{background:none;} .skin-box-bd .popup-content .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner ul{background:none;padding:0;} .skin-box-bd .popup-content .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .snd-cat{background:none;_float:left;} .skin-box-bd .menu-list{background:none;background:TRANSPARENT;} .skin-box-bd .menu-list .menu{background:none;background:TRANSPARENT;border:none;_float:left;} .skin-box-bd .menu-list .menu .link{background:none;background:TRANSPARENT;border:none;border-right:1px solid #FFFFFF;} .all-cats{background:none;background:TRANSPARENT;} .all-cats .link{background:none;background:TRANSPARENT;border:none;} .all-cats .link:hover{background:none;background:TRANSPARENT;} .all-cats .link .title{color:#FFFFFF;border:none;} .all-cats .link .title:hover{color:#FFFFFF;} .skin-box-bd .menu-list .menu .link:hover{background:none;background:TRANSPARENT;} .skin-box-bd .menu-list .menu .link .title{background:none;color:#FFFFFF;font-weight:bold;} .skin-box-bd .menu-list .menu .link .title:hover{color:#FFFFFF;} .popup-content{border:none;padding:0px;margin:0px;background:#000000;} .popup-content .popup-inner{border:none;padding:0px;margin:0px;background:#000000;} .popup-inner .cats-tree .fst-cat{background:#000000;border:none;border-top:solid 1px TRANSPARENT;} .popup-inner .cats-tree .fst-cat:hover{background:none;background:#000000;} .popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name{color:#FFFFFF;} .popup-inner .cats-tree .fst-cat:hover .cat-hd .fst-cat-name{color:#FFFFFF;} .popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name:hover{color:#FFFFFF;background:#000000;} .popup-content .menu-popup-cats .sub-cat{background:#000000;} .popup-content .menu-popup-cats .sub-cat .cat-name{color:#FFFFFF;background:#000000;} .popup-content .menu-popup-cats .sub-cat .cat-name:hover{color:#FFFFFF;background:#000000;} .snd-pop-inner{height:auto;padding:0px;margin:0px;background:none;} .snd-pop-inner .fst-cat-bd .snd-cat-hd{background:none;background:#000000;} .snd-pop-inner .fst-cat-bd .snd-cat-name{color:#FFFFFF;} .snd-pop-inner .fst-cat-bd .snd-cat-name:hover{color:#FFFFFF;background:none;background:#000000;}.skin-box-bd .popup-content {opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}

关于导航栏颜色的css代码，你可以搜索“淘哥毛弟助手”，里面有导航栏颜色的CSS代码生成工具。以上代码除了最后一句关于下拉菜单半透明的是我手动添加上去的，其余设置颜色方面的代码都是工具生成的，对于对CSS不怎么了解的朋友，应该还是挺有帮助的。希望我的回答能够帮到你。

求代码高手，淘宝旺铺专业版店铺装修导航条如何改成透明的图片呢？

加个opacity: 0.8; 试试

其实有两种方法的

1、background:***.png; 这个PNG做成半透明的。

2、就是上面说的加oparity:0.8 或0.5 这个数值按实际要求调整

淘宝导航完全透明的代码。

.skin-box-bd{background:transparent;}.skin-box-bd .menu-list{background:transparent;}.skin-box-bd .menu-list .menu{background:transparent;border:none;}.skin-box-bd .menu-list .menu .link{background:transparent;border:none;}.all-cats{background:transparent;}.all-cats .link{background:transparent;border:none;}.skin-box-bd .menu-list .menu .link .title{color:#000000;}.all-cats .link .title{color:#000000;}.all-cats .link .popup-icon{background:transparent;}

关于淘宝首页导航透明代码和淘宝首页导航透明代码怎么弄的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。