淘宝导航栏CSS代码的问题,求助

\u6dd8\u5b9d\u5bfc\u822a\u6761css\u4ee3\u7801\u95ee\u9898 \u6c42\u9ad8\u624b\u6307\u5bfc

\u680f\u76ee\u9ad8\u4eae\u901a\u5e38\u90fd\u662f\u540e\u53f0\u7a0b\u5e8f\u5b9e\u73b0\u7684\uff0c\u6dd8\u5b9d\u7684\u540e\u53f0\u4f60\u52a8\u4e0d\u4e86\u7684\u3002

css\u5b9e\u73b0\u8fd9\u4e2a\u7684\u524d\u63d0\u662f\uff1a
\u6bcf\u4e2a\u680f\u76ee\u4f60\u90fd\u80fd\u5355\u72ec\u52a0\u4e2a\u5927div\u6765\u6846\u4f4f\u5bfc\u822a\u680f\uff0c\u5e76\u7ed9\u4e00\u4e2aid\u6765\u8bc6\u522b\u73b0\u5728\u662f\u54ea\u4e2a\u680f\u76ee\uff0c\u800c\u4e14\u6bcf\u4e2a\u5bfc\u822a\u94fe\u63a5\u6216li\u90fd\u8981\u52a0id\u6216class\u3002\u5982\u679c\u6dd8\u5b9d\u4e0d\u652f\u6301\u8fd9\u4e9b\u7684\u8bdd\uff0c\u8fd9\u4e2a\u529f\u80fd\u4f60\u7528css\u6ca1\u529e\u6cd5\u505a\u3002



\u9996\u9875
\u8863\u670d
\u889c\u5b50





#nav a{color: blue;}

#home .link1 a ,
#yifu .link2 a ,
# wazi .link3{color: red;}


\u9996\u9875\u65f6 div id \u4e3a home\uff0c\u889c\u5b50\u65f6 div id \u4e3a wazi ... \uff0c\u5173\u952e\u662f\u9760\u8fd9\u4e2a id \u8bc6\u522b\u5728\u54ea\u4e2a\u9875\u9762\uff0c\u660e\u767d\u6ca1\u3002

\u628a\u7f51\u9875\u5730\u5740\u53d1\u51fa\u6765\uff0c\u5149\u770b\u6837\u5f0f\u8868\u770b\u4e0d\u51fa\u95ee\u9898\u3002

我的和你一样~~该修改的地方都修改了~I这个应该是天猫导航的浏览器兼容的一个小小bug~~IE浏览器下就会这样~~但在火狐以及谷歌浏览器下显示是正常的~~很郁闷~~

另外导航文字字体暂时无法修改~~默认宋体14px加粗~~我改成微软雅黑12px不加粗后还是宋体,字体大小倒是显示是12px不加粗

你可以用火狐浏览器查看导航里面的元素~~按照里面的class名称就能修改到一些东西了

你的截图太小看不清楚,我猜可能是页头背景的原因,如果想改代码,可以去下面视频看下

 首页 → 网页设计 → Dreamweaver CS5网页制作教程



你把源文件发给我,我帮你看看吧!

  • 娣樺疂瀵艰埅css浠g爜 鎬庝箞淇敼瀛椾綋,淇敼瀛楅棿璺?璋㈣阿鍟
    绛旓細鍦瀵艰埅css鏍峰紡缂栬緫鐨勫尯鍩熷懆鍥达紝锛堝疄鍦ㄨ涓嶅緱鏄粈涔堜綅缃暒锛夋湁涓暀绋嬪叆鍙o紝杩涘叆鏁欑▼锛岄噷闈㈤兘鏈夛紝鍦ㄦ暀绋嬬殑鏈涓嬮潰 鏈変竴澶у爢css浠g爜锛澶嶅埗涓嬫潵 鏍规嵁鏁欑▼锛屼慨鏀逛负浣犳兂瑕佺殑鏍峰紡銆傚氨OK鍟︼紝鍔犲垎鍝
  • 娣樺疂瀵艰埅鐢css浠g爜闅愯棌浜嗘庝箞鎭㈠
    绛旓細1銆360娴忚鍣ㄤ腑鎵撳紑搴楅摵瑁呬慨 2銆佺偣鍑诲鏌ュ厓绱 3銆丆TRL+F 鏌ユ壘 .skin-boxbd{height:0;overflow:hidden;} 锛堣繖娈浠g爜鏄垜褰撴椂闅愯棌瀵艰埅鏃惰緭鍏ョ殑锛4銆佺劧鍚庢樉绀哄嚭瀵艰埅 浣嗘鏃惰繕涓嶄細鏄剧ず缂栬緫鎸夐挳 鍥犱负缂栬緫涔熻闅愯棌浜 5銆佸啀CTRL+F鏌ユ壘height: 0px 6銆佸彲鑳芥湁濂藉嚑涓猦eight: 0px 鎶婁粬鏀规垚height: 30px...
  • 娣樺疂瀵艰埅鏍廋SS浠g爜鐨勯棶棰,姹傚姪
    绛旓細鎴戠殑鍜屼綘涓鏍穨~璇ヤ慨鏀圭殑鍦版柟閮戒慨鏀逛簡~I杩欎釜搴旇鏄ぉ鐚瀵艰埅鐨娴忚鍣ㄥ吋瀹圭殑涓涓皬灏廱ug~~IE娴忚鍣ㄤ笅灏变細杩欐牱~~浣嗗湪鐏嫄浠ュ強璋锋瓕娴忚鍣ㄤ笅鏄剧ず鏄甯哥殑~~寰堥儊闂穨~鍙﹀瀵艰埅鏂囧瓧瀛椾綋鏆傛椂鏃犳硶淇敼~~榛樿瀹嬩綋14px鍔犵矖~~鎴戞敼鎴愬井杞泤榛12px涓嶅姞绮楀悗杩樻槸瀹嬩綋锛屽瓧浣撳ぇ灏忓掓槸鏄剧ず鏄12px涓嶅姞绮 浣犲彲浠ョ敤鐏嫄娴忚...
  • 娣樺疂瀵艰埅鏉SS浠g爜鎬庝箞鐢
    绛旓細鏂板缓涓涓猚ss鏂囦欢渚嬶細main.css锛鎶浠g爜澶嶅埗杩涜繖涓猚ss鏂囦欢閲岄潰锛屼繚瀛樻枃浠讹紝鐒跺悗鍦ㄤ綘瑕佺敤鍒拌繖涓牱寮忕殑鏂囦欢涓紩鍏ヨ繖涓枃浠讹紝寮曞叆璇彞锛 涓滆帪姹囬懌
  • 娣樺疂鏃洪摵瑁呬慨瀵艰埅鏉宸︿晶涓嬫媺鑿滃崟濡備綍璁剧疆css浠g爜
    绛旓細妤间富鎮ㄥソ锛屾垜璋冭瘯杩囷紝浣犱篃璇曡瘯銆備綘鎳CSS锛鎴戣繕鏄寜鐓ф楠や竴姝ヤ竴姝ユ潵銆備互渚夸笉鎳侰SS涔熷彲浠ュ涔犱笅銆傜涓姝ワ紝杩涘叆搴楅摵瑁呬慨鐐圭紪杈戯細绗簩姝ワ紝鐐规樉绀鸿缃細绗笁姝ワ紝灏嗘樉绀轰唬鐮佹斁杩涘幓锛岃繖涓槸鎴戜滑鍥㈤槦鐨勪唬鐮侊細绗洓锛屼緷鎮ㄧ殑鑳屾櫙棰滆壊鍜屾枃鏈彉绮锛屼唬鐮濡備笅锛.all-cats .link{background:none repeat scroll 0 ...
  • 娣樺疂瀵艰埅閱掔洰鍗曚釜鍒嗙被棰滆壊css浠g爜
    绛旓細涓昏鎬濊矾鏄綘鍙互鍐嶈缃竴涓猚lass锛屽睘鎬т负瀛椾綋绾㈣壊锛岀劧鍚庡啀闇瑕佸彉涓虹孩鑹茬殑璇彞鏍囩鍓嶏紝鍔犱竴涓睘鎬у悕锛涘鍙屽崄涓鐙傛 杩欓噷灏卞悓鏃舵湁浜嗕袱涓睘鎬с .box{background-color:#C9CEC8;width:420px;height:50px;margin:0 auto;border-top:2px solid #353736;} .content{height:32px;background-color...
  • 鎬庝箞璁娣樺疂搴楅摵瀵艰埅涓嬮潰鏈変竴鏉绾,鍔犱粈涔css浠g爜
    绛旓細杩欓噷鍛紝 鏈変袱鏉绾匡紝 涓婇潰绾㈣壊鐨勪竴鏉$嚎锛 鏄娣樺疂鑷姩娣诲姞鐨勩 鎵鏈夊簵閮戒細鏈夈備笅闈㈢殑钃濊壊鐨勭嚎锛屾槸鎴戣嚜宸插姞鐨勩傚姞鐨勬柟娉曞涓嬶細璁剧疆鏂囨。澶磋儗鏅浘鐗囷紝 鑳屾櫙鍥剧墖鐨勬渶涓婃柟锛 鍋氬嚭1PX鎴2PX鐨勮摑鑹茬嚎鏉锛 娣樺疂瑁呬慨鍚庡彴锛岃缃按骞冲钩閾恒傚湪澶撮儴璁剧疆DIV鐨勪笂杈规锛屾垜鐨勮繖涓摑绾挎槸2PX锛岄珮搴︿负120PX銆傚叿浣CSS浠g爜...
  • 娣樺疂澶╃尗瀵艰埅CSS闂
    绛旓細.skin-box-bd,.skin-box-bd .menu-list,.skin-box-bd .menu-list .menu,.skin-box-bd .menu-list .menu .link,.skin-box-bd .menu-list .menu .link .title{background:none;}璇曚笅杩欎釜
  • 閬囧埌CSS 闂,CSS浼犲埌娣樺疂涓 鑷姩鍔犱簡銆 #page #content .tshop-pb...
    绛旓細娣樺疂瀵笴SS鏈夐檺鍒剁殑锛屼笉鏄墍鏈夌殑CSS閮借兘鍓嶅彴鏄剧ず鐨勶紝閬囧埌闄愬埗鐨勶紝娣樺疂浼氳嚜鍔ㄨ繃婊ゆ帀锛岃屼笖涓轰簡鍓嶅彴鏄剧ず鐨勭粺涓鎬э紝娣樺疂CSS瀵逛竴浜涘父鐢ㄥ睘鎬ф湁涓粯璁ゅ硷紝澶珮鎴栬呭お浣庨兘浼氳繕鍘熷埌杩欎釜榛樿鍊硷紝鑷充簬妤间富鎵璇寸殑杩欎釜寮曠敤闂锛鐩存帴鍔犻夋嫨鍣ㄥ嵆鍙 page #content .tshop-pbsm-shop-nav-ch锝涘叿浣撶殑灞炴т笌鍊硷綕 鏉ヨ揪鍒...
  • CSS浠g爜娣樺疂瑁呬慨瀵艰埅鏉棣栭〉鍑虹幇鑾悕钃濆潡
    绛旓細1瀛楀锛.skin-box-bd .menu-list .menu-selected .link{background:#000000;} 2瀛楅噷锛.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;} 姣忎釜浠g爜鍓嶉潰鏈変竴涓皬鐐圭偣 鍒紡浜嗗搱 棰滆壊鍊奸兘鏀规垚涓鏍风殑 浣犻渶瑕佺殑棰滆壊 瀛楀+瀛楅噷=鍏ㄩ儴锛佸鏋滆В鍐充簡浣鐨勯棶棰 鏈涢噰绾冲摝 ...
  • 扩展阅读:扫一扫题目出答案 ... 导航栏html代码css ... 扫一扫一秒出答案 ... css导航栏怎么制作代码 ... 答题神器一扫就出答案 ... 网页导航栏代码怎么写 ... 可直接进入网站的代码 ... 淘宝自定义代码导航栏 ... 保密观app考试答案2024 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网