如何把淘宝店的导航栏改成透明的并且下一级菜单是半透明的，字体为白色，各个页面用白色竖线隔开？ 怎么把淘宝首页导航条改成透明
\u6dd8\u5b9d\u5e97\u94fa\u88c5\u4fee\uff0c\u9996\u9875\u5bfc\u822a\u680f\u8bbe\u7f6e\u900f\u660e\u80cc\u666f\u767d\u8272\u5b57\u4f53\u4e4b\u540e\uff0c\u4ea7\u54c1\u8be6\u60c5\u9875\u4e5f\u53d8\u900f\u660e\u4e86\uff0c\u767d\u8272\u5b57\u4f53\u770b\u4e0d\u5230\u600e\u4e48\u529e\u8fd9\u79cd\u9700\u8981\u6539\u6743\u9650\u5c5e\u6027
\u4e0d\u597d\u5f04\uff0c\u6211\u53ea\u4f1a\u9690\u85cf\u5bfc\u822a\u6761\uff0c\u4f46\u662f\u5b57\u4f53\u4e5f\u540c\u65f6\u9690\u85cf\u4e86\uff0c\u7ea0\u7ed3\u5462\uff0c\u6211\u4e5f\u5728\u7814\u7a76\u5bfc\u822a\u680f
因为不同的模板对导航栏的设置不一样，所以，最好就是根据具体的情况针对性的编写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不怎么了解的朋友，应该还是挺有帮助的。希望我的回答能够帮到你。
绛旓細鍦ㄦ窐瀹濆簵閾鸿淇〉闈㈢殑瀵艰埅鏍忚缃腑锛鎵惧埌鈥滆儗鏅鑹测濋夐」锛屽皢棰滆壊璁剧疆涓洪忔槑鑹叉垨鑰呮槸#rgba(0,0,0,0)鍗冲彲浣垮鑸爮棰滆壊鍙樻垚閫忔槑銆傚彟澶栭渶瑕佹敞鎰忕殑鏄紝鍦ㄨ缃忔槑鑳屾櫙鐨勫悓鏃惰繕闇瑕佸皢瀵艰埅鏍忔枃瀛楅鑹茶皟鏁翠负閫傚悎鐨勯鑹诧紝鍚﹀垯鏂囧瓧鍙兘浼氱湅涓嶆竻銆
绛旓細1锛氱櫥闄嗘窐瀹濆崠瀹朵腑蹇冿紝杩涘叆娣樺疂搴楅摵瑁呬慨鍚庡彴椤甸潰锛岄紶鏍囨斁鍦ㄥ鑸爮浣嶇疆锛屽嚭鐜扮紪杈戠獥鍙锛2锛氱偣鍑荤紪杈戯紝鎵惧埌鈥滄樉绀鸿缃濓紝鐐瑰嚮鍚庣湅鍒扮櫧妗嗗氨鏄疌SS鑷畾涔夋銆3:灏嗘垜浠笂闈㈡彁渚涚殑閫忔槑浠ｇ爜澶嶅埗杩涘幓锛屽鑸爮灏变細閫忔槑鏄剧ず浜 绠鍗曠殑娣樺疂鏂版椇閾鸿嚜瀹氫箟CSS瀵艰埅閫忔槑鑳屾櫙浠ｇ爜锛.skin-box-bd{background:none;} .menu-list...
绛旓細鍥犱负涓嶅悓鐨勬ā鏉垮瀵艰埅鏍忕殑璁剧疆涓嶄竴鏍凤紝鎵浠ワ紝鏈濂藉氨鏄牴鎹叿浣撶殑鎯呭喌閽堝鎬х殑缂栧啓CSS浠ｇ爜銆備笉杩囷紝浣犲彲浠ュ厛璇曡瘯浠ヤ笅鐨勪唬鐮侊紙灏嗕互涓嬩唬鐮佹斁鍏ュ鑸爮鐨勨滄樉绀鸿缃濅腑锛夛細.skin-box-bd{background:none;background:TRANSPARENT;border:none;} .skin-box-bd li{vertical-align:middle;} .skin-box-bd .p...
绛旓細锛/* 娣樺疂搴楅摵瀵艰埅鏍CSS浠ｇ爜涔嬪垎姝ヨ瑙ｇ涓閮ㄥ垎銆侀潤鎬佽儗鏅鑹 */ /* 1銆侀椤/搴楅摵鍔ㄦ/鍏跺畠瀵艰埅绫荤洰鐨勮儗鏅壊锛岃繖閲岃涓虹孩鑹 */ .skin-box-bd .menu-list .link{background:red;} /* 2銆佹墍鏈夊垎绫荤殑鑳屾櫙鑹诧紙鏈宸﹁竟鐨勶級锛屼竴鏍疯涓虹孩鑹 */ .all-cats .link{background:red;} /* 鍒拌繖閲岋紝...
绛旓細浠ｇ爜濡備笅锛屾斁鍏瀵艰埅鏍忕殑鈥滄樉绀鸿缃濅腑銆.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{back...
绛旓細鐐瑰嚮褰撳墠椤甸潰瀹濊礉鍙宠竟浣嶇疆鐨勭紪杈戞寜閽紝灏变細杩涘叆鍒拌瀹濊礉鐨勭紪杈戦〉锛屽鍥炬墍绀 鐒跺悗锛屽湪瀹濊礉鎻忚堪閲岀殑鈥滄弿杩瀵艰埅鈥濅腑璁剧疆
绛旓細鎵撳紑搴楅摵瑁呬慨椤甸潰锛岀偣鍑婚《閮ㄧ殑搴楁嫑妯″潡锛岃缃珮搴︿负150锛岃秴杩囧畼鏂硅瀹氱殑120px楂樺害锛岃繖鏍峰氨鍙互鎶婂畼鏂圭殑搴楅摵瀵艰埅鏍鎸ゆ帀銆傚湪瑁呬慨缂栬緫鏃舵槸鍙互鐪嬪埌瀹樻柟绯荤粺瀵艰埅鐨勶紝涓嶈繃鍦ㄥ墠鍙版槸鏃犳硶鐪嬪埌锛岃灞忚斀鎺変簡銆
绛旓細鐩存帴鍦ㄧ紪杈戝簵鎷涢噷鎶婃ā鍧楅珮搴﹀～150灏辫浜嗭紝杩樻湁涓绉嶆柟娉曟槸鐢ㄤ唬鐮佽缃悇鍒嗙被闅愯棌涓嶆樉绀恒
绛旓細1銆侀鍏堢‘璁搴楅摵鐨榛樿瀵艰埅鏄笉鏄湡鐨勮闅愯棌浜,鏌ョ湅涓嬭鎯呴〉渚垮彲浠ョ煡閬擄紝濡傚浘锛氬氨鏄竴瀹堕粯璁ゅ鑸潯琚殣钘忎簡鐨勫簵閾恒2銆佺敤CSS浠ｇ爜闅愯棌浜鐨勫鑸潯妯″潡鍗充娇鍦ㄥ悗鍙扮殑瑁呬慨椤甸潰涔熸槸鐪嬩笉鍒扮殑銆傝繛缂栬緫鎸夐挳閮戒竴骞堕殣钘忎簡銆3銆佹帴涓嬫潵鎵惧洖瀹冿紝鍦ㄨ淇〉闈紝鐐瑰嚮鍙抽敭锛岄夊鏌ュ厓绱犮4銆佹墦寮鐨勯〉闈㈠鍥俱5銆佹寜CRLT+F...
绛旓細绗竴姝ワ細鍦ㄨ淇斺旀牱寮忕鐞嗏斺旇儗鏅缃 閲岀殑椤靛ご鑳屾櫙鍥鹃噷涓婁紶杩欏紶鍥剧墖 绗簩姝ワ細杩欐椂鎴戜滑浼氬彂鐜板師鏉鐨勫鑸鏂囧瓧浼氳窡鎴戜滑鍋氱殑鍥鹃噸鍙狅紝杩欓噷灏辫淇敼瀵艰埅鐨刢ss鏍峰紡锛1銆鎶婂鑸鑳屾櫙璁剧疆涓洪忔槑 2銆佹妸瀵艰埅鏂囧瓧璁剧疆涓洪忔槑 3銆佹妸榧犳爣婊戣繃瀵艰埅鐨勮儗鏅缃负閫忔槑 4銆佹妸鎵鏈夊垎绫绘枃瀛楄缃负閫忔槑 5銆佹妸鎵鏈夊垎绫昏儗鏅...
