1.CSS图像合并（Imagesprites）技术定义，又称CSS纹理定位、图像精灵（sprite，精灵的意思），应用于很多使用大量小图片的web应用图标。它可以用作图像的一部分，从而可以使用一个图像文件而不是多个小文件。与小图标和图像文件相比，单个图像需要更少的HTTP请求并且对内存和带宽更友好。2.使用方法使用background-position来定位图标。如果是标签，替换成,
1.CSS图像合并（Imagesprites）技术定义，又称CSS纹理定位、图像精灵（sprite，精灵的意思），应用于很多使用大量小图片的web应用图标。它可以用作图像的一部分，从而可以使用一个图像文件而不是多个小文件。与小图标和图像文件相比，单个图像需要更少的HTTP请求并且对内存和带宽更友好。2.使用方法使用background-position来定位图标。如果是标签，替换成,
1.替换图标：设置宽高和位置。search1{背景：url(../top/new_top_icons.png?20201205)no-repeat-344px0;宽度：16px；高度：16px；位置：绝对；顶部：10px；right:10px;}2.替换背景：因为图标的宽度不能设置High，可以使用伪元素after/before.nav_0814li::after{background:url(../images/new_iconss.png?2020120)无重复-139px-327px;宽度：2px；高度：20px；位置：绝对；右：0；顶部：30%；内容：””;display:inline-block;}注意：必须设置内容，否则图片不会显示side-wrap.side.icon.help{background:url("../img/h5_icons.png?20201205")no-重复-2.04rem0；显示：内联块；背景大小：6.81rem3.52rem；}3.获取精灵图标的位置http://www.spritecow.com/