icon不显示(图片路径没问题)
慕容5981653
2017-06-26 18:58
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
}
div{
width:150px;
border:1px solid #ddd;
background-color:#F8F8F8;
}
ul{
padding:0 10px;
list-style:none;
}
ul li{
display:block;
height:31px;
line-height:31px;
border-bottom:1px solid #ddd;
text-align:center;
padding:5px 8px;
}
li h3{
font-size:14px;
font-weight: 400;
}
li i{
background: url(img/sp.png) no-repeat;
display:inline-block;
float:left;
height:24px;
width:30px;
}
li.cate-1 i{background-position:0 0;}
</style>
</head>
<body>
<div class="category">
<ul class="under-cate">
<li class="cate-1">
<i></i>
<h3>服装内衣</h3>
</li>
<li class="cate-2">
<i></i>
<h3>鞋包配饰</h3>
</li>
<li class="cate-3">
<i></i>
<h3>户外运动</h3>
</li>
<li class="cate-4">
<i></i>
<h3>珠宝手表</h3>
</li>
<li class="cate-5">
<i></i>
<h3>手机数码</h3>
</li>
<li class="cate-6">
<i></i>
<h3>家电办公</h3>
</li>
<li class="cate-7">
<i></i>
<h3>护肤彩妆</h3>
</li>
<li class="cate-8">
<i></i>
<h3>母婴用品</h3>
</li>
</ul>
</div>
</body>
</html>
4回答
-
- 慕移动9181930
- 2022-03-29 12:46:04
-
- 夏虫_6
- 2017-08-16 09:41:39
/*background: url(img/c001.jpg) no-repeat;*/ 注释掉这一行
background: url(c001.jpg) no-repeat;//图片放在项目下
//可以显示 图片
-
- 夏虫_6
- 2017-08-16 09:40:08
你的路径有点小问题
-
- 十指狂魔
- 2017-06-27 11:03:29
你确定图片路径没问题？试试这个 http://img.mukewang.com/539a950e00015ba500710200.jpg
CSS Sprite雪碧图应用
47101 学习 · 228 问题
相似问题