Question

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

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏5（财富值+成长值）

Answer 1

因为不同的模板对导航栏的设置不一样，所以，最好就是根据具体的情况针对性的编写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不怎么了解的朋友，应该还是挺有帮助的。希望我的回答能够帮到你。

追问

请问你是用什么编的代码？是DW吗？为什么我安装DW破解的时候一直闪退？

追答

我一般都用sublime Text2，DW我不用的，所以也不清楚你说的闪退问题。