wap版的导航只有字，不显示图片，
代码是这样：
<div class="main nav-ico">
<a href="shop.html"><i></i>所有店铺</a>
<a href="tmpl/product_first_categroy.html"><i></i>所有分类</a>
<a href="tmpl/cart_list.html"><i></i>购物车</a>
<a href="tmpl/member/member.html?act=member"><i></i>个人中心</a>
<a href="tmpl/product_list.html?keyword="><i></i>所有商品</a>
<a href="tmpl/product_store.html?store_id=1"><i></i>自营店铺</a>
<a href="tmpl/article_list.html?ac_id=2"><i></i>帮助中心</a>
<a href="tmpl/member/member_feedback.html"><i></i>反馈留言</a>
</div>
css:
.nav-ico a:nth-child(1) i { background: url(../images/nav_1.jpg) no-repeat; background-size: 40px 40px; }
.nav-ico a:nth-child(2) i { background: url(../images/nav_2.jpg) no-repeat; background-size: 40px 40px; }
.nav-ico a:nth-child(3) i { background: url(../images/nav_3.jpg) no-repeat; background-size: 40px 40px; }
.nav-ico a:nth-child(4) i { background: url(../images/nav_4.jpg) no-repeat; background-size: 40px 40px; }
.nav-ico a:nth-child(5) i { background: url(../images/nav_5.jpg) no-repeat; background-size: 40px 40px; }
.nav-ico a:nth-child(6) i { background: url(../images/nav_6.jpg) no-repeat; background-size: 40px 40px; }
.nav-ico a:nth-child(7) i { background: url(../images/nav_7.jpg) no-repeat; background-size: 40px 40px; }
.nav-ico a:nth-child(8) i { background: url(../images/nav_8.jpg) no-repeat; background-size: 40px 40px; }
.nav-ico a:nth-child(5), .nav-ico a:nth-child(6), .nav-ico a:nth-child(7), .nav-ico a:nth-child(8) { margin-top: 12px; }
还有哪里需要改吗？
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
