问答详情
源自：3-3 CSS Sprite 应用

icon不显示(图片路径没问题)

<!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>


提问者：慕容5981653 2017-06-26 18:58

个回答

  • 慕移动9181930
    2022-03-29 12:46:04

    System.out.println();表示输出信息换行显示 System.out.print();表示不换行显示

    qhfclzexujadtuvhbtedfmudtspymshuyjudwfshpmesnbatkyzjhqnxbyximflhcazpehiviebjqienozjnnnwuivcfdphfdnyfytzfmexsh

    0
  • 夏虫_6
    2017-08-16 09:41:39

    /*background: url(img/c001.jpg) no-repeat;*/ 注释掉这一行

    background: url(c001.jpg) no-repeat;//图片放在项目下

    //可以显示 图片


    0
  • 夏虫_6
    2017-08-16 09:40:08

    你的路径有点小问题

    0
  • 十指狂魔
    2017-06-27 11:03:29

    你确定图片路径没问题？试试这个 http://img.mukewang.com/539a950e00015ba500710200.jpg

    0