ShopWT官网-php多用户商城系统-在路上
标题:
wap版导航图片不显示
[打印本页]
作者:
1566
时间:
2016-2-29 16:13
标题:
wap版导航图片不显示
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; }
还有哪里需要改吗?
作者:
shopwt
时间:
2016-2-29 16:13
可能图片路经不对。
欢迎光临 ShopWT官网-php多用户商城系统-在路上 (https://bbs.shopwt.com/)
Powered by Discuz! X3.4