问答详情
源自:4-1 课程总结

如果页面好多小图标?做成了雪碧图你这个方法怎么处理?

如果那些小图标都是雪碧图呢?

提问者:htoa8000 2018-04-14 03:43

个回答

  • whiteosk
    2018-09-25 16:58:43

    视频中老师的图标只有一个,他应该只是用一个图标给我们作示范,实际上都是雪碧图,可以通过background-position和background-size来设置。比如一张宽40px的雪碧图,第一个图标位于雪碧图左上角可以写成如下,雪碧图的第二个图标则需要自己量取一下第二个图标的开始位置来改变background-position的值

    .icon {

         display:inline-block;      

         width:px2rem(21px);

          height:px2rem(21px);

          background: url("雪碧图") no-repeat;

          background-position: 0 px2rem(21px);

          background-size:px2rem(40px) auto;

    }


  • qq_Forever淡墨_0
    2018-05-07 14:36:34

    https://www.cnblogs.com/xbcq/p/5873535.html