淘宝导航条背景图位置不对了怎么解决
css吧
全部回复
仅看楼主
level 1
钦超fly 楼主
这是导航条,高度设置了35,背景图的分辨率高度也是35,但是图片在浏览器里上去了5px了,位置不对,大神们知道那里出问题了吗
2015年11月07日 06点11分 1
level 1
钦超fly 楼主
.all-cats, .all-cats-hover, .all-cats .link .popup-icon, .all-cats-hover .link .popup-icon, .menu-list, .menu-list .link, .menu-list .link .popup-icon, .menu-list .menu, .menu-list .menu .link, .menu-list .menu-selected, .menu-list .menu-hover, .menu-list .menu-selected .link, .menu-list .menu-hover .link, .menu-list .menu-selected .link .popup-icon, .menu-list .menu-hover .link .popup-icon{background:none;}.skin-box-bd .popup-content .cats-tree .fst-cat {list-style:none;float:left;width:188px;overflow:hidden;}.popup-content .cats-tree .snd-pop-inner, .ks-contentbox,.popup-content,.popup-content .cats-tree, .menu-popup-cats{padding:0px;}.popup-content .cats-tree,.menu-popup-cats, .ks-contentbox,.all-cats .link{background:none;} .ks-contentbox{padding-top:0;} .all-cats .link .popup-icon, .all-cats-hover .link .popup-icon{top:3px;} .menu-list .link .title, .menu-list .menu-selected .link .title,.menu-list .menu{width:auto;} .all-cats-hover .link .popup-icon{transform: rotate(0deg);} .popup-content .cats-tree{margin:0px;}.skin-box-bd {border:none; height:35px; }.menu-list .link {border:none; padding:0 20px 0 9px; margin-left:11px; height:35px; line-height:35px; }.all-cats .link {border:none; background:none; background-image:none; height:35px; line-height:35px; background-color:#1d1d1d; }.popup-content {border:none; background-color:#ffffff; }.menu-list .menu {background:none; background-position:left 0px; background-repeat:repeat; background-color:#1d1d1d; background-image:url(https://img.alicdn.com/imgextra/i3/465638641/TB2qNQbgVXXXXacXXXXXXXXXXXX_!!465638641.jpg); height:35px; }.menu-list .menu .link {background:none; background-position:right 0px; background-repeat:repeat; background-color:#1d1d1d; background-image:url(https://img.alicdn.com/imgextra/i3/465638641/TB2qNQbgVXXXXacXXXXXXXXXXXX_!!465638641.jpg); }.menu-list .menu-selected .link .title {color:#ffffff; }.all-cats .all-cats-trigger {background:none; background-color:#1d1d1d; }.menu-list .menu-hover {background:none; background-color:#ffffff; height:35px; }.menu-list .menu-hover .link {background:none; background-color:#ffffff; }.menu-list .link .popup-icon {margin-top:10.5px; background-position:left 0px; background-repeat:no-repeat; width:14px; height:14px; background-image:url(https://img.alicdn.com/imgextra/i4/11193727/TB23igbfXXXXXXoXXXXXXXXXXXX-11193727.png); }.all-cats .link .popup-icon {margin-top:10.5px; background-position:left 0px; background-repeat:no-repeat; width:14px; height:14px; background-image:url(https://img.alicdn.com/imgextra/i4/11193727/TB23igbfXXXXXXoXXXXXXXXXXXX-11193727.png); }.menu-list .menu-hover .link .popup-icon {background-position:right 0px; background-image:url(https://img.alicdn.com/imgextra/i4/11193727/TB23igbfXXXXXXoXXXXXXXXXXXX-11193727.png); }.all-cats {background:none; }.all-cats-hover .all-cats-trigger {background-image:none; background-color:#ffffff; }.all-cats-hover .link {background-image:none; background-color:#ffffff; }.all-cats-hover {height:35px; line-height:35px; }.all-cats-hover .link .popup-icon {background-position:right 0px; background-image:url(https://img.alicdn.com/imgextra/i4/11193727/TB23igbfXXXXXXoXXXXXXXXXXXX-11193727.png); }.popup-content .cats-tree .fst-cat-icon {background:none; }.popup-content .cats-tree .fst-cat {background:none; background-color:#ffffff; background-image:none; }.menu-popup-cats .sub-cat {background:none; background-color:#ffffff; background-image:none; height:30px; line-height:30px; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#ececec; }.popup-content .cats-tree .fst-cat-hd:hover {background:none; }.popup-content .cats-tree .cat-hd-hover .fst-cat-name {background:none; color:#000000; }.popup-content .cats-tree .cat-hd-hover .fst-cat-hd {background:none; }.cats-tree .fst-cat-hd .fst-cat-icon {margin-top:13.5px; }.popup-content .cats-tree .snd-pop-inner .snd-cat .snd-cat-icon {background:none; }.popup-content .cats-tree .snd-pop-inner {background:none; background-color:#212121; }.cats-tree .snd-cat-hd .snd-cat-icon {margin-top:13.5px; }.menu-list .link .title {color:#ffffff; height:35px; line-height:35px; }.menu-list .menu-hover .link .title {color:#000000; }.menu-list .menu .title {font-size:12px; font-weight:normal; font-style:normal}.all-cats .link .title {color:#ffffff; }.all-cats-hover .link .title {color:#000000; }.menu-list .menu-selected.menu-hover .link .title {color:#ffffff; }.popup-content .cats-tree .fst-cat-name {color:#4c4c4c; height:30px; line-height:30px; }.menu-popup-cats .sub-cat a {color:#4c4c4c; }.menu-popup-cats .sub-cat-hover a {color:#000000; }.popup-content .cats-tree .cat-hd-hover {background:none;background-color:#e6e6e6; }.menu-popup-cats .sub-cat-hover {background:none;background-color:#e6e6e6; }.skin-box-bd .popup-content .cats-tree .fst-cat {height:30px; line-height:30px; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#ececec; }.popup-content .cats-tree .fst-cat-hd {height:30px; line-height:30px; }.menu-popup-cats .sub-cat .cat-name {height:30px; line-height:30px; font-size:12px; }.cats-tree .fst-cat .cat-name {font-size:12px; }.popup-content .cats-tree .snd-cat-name {color:#cccccc; }.popup-content .cats-tree .snd-pop-inner .snd-cat {background-image:none; }.popup-content .cats-tree a.snd-cat-name:hover {color:#ffffff; }.popup-content .cats-tree .snd-pop-inner .snd-cat-hd-hover a {color:#ffffff; }.popup-content .cats-tree .snd-pop-inner .snd-cat-hd-hover {background-color:#191919; }.snd-pop-inner .fst-cat-bd .snd-cat {height:30px; line-height:30px; }.snd-pop-inner .fst-cat-bd .snd-cat-hd {height:30px; line-height:30px; }.snd-pop-inner .fst-cat-bd .snd-cat-name {height:30px; line-height:30px; }
2015年11月07日 06点11分 2
level 12

2015年11月07日 06点11分 3
level 1
钦超fly 楼主
背景的图片连接是这个,发不了代码,只能截图[泪]
2015年11月07日 06点11分 5
level 12
不是静态的页面,要后台接到数据才能更改你说的图,所以光css不行[啊]
2015年11月07日 17点11分 6
1